external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-14 17:49:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding labels to collapsed view

Browse Source
This commit is contained in:
Jake Archibald
2018-10-27 12:23:15 +01:00
parent 068dfe1b19
commit 52f61dfccc
5 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/compress/custom-els/MultiPanel/index.ts
View File

@@ -7,7 +7,8 @@ interface CloseAllOptions {
const openOneOnlyAttr = 'open-one-only';
function getClosestHeading(el: Element) {
const closestEl = el.closest('multi-panel > *');
// Look for the child of multi-panel, but stop at interactive elements like links & buttons
const closestEl = el.closest('multi-panel > *, a, button');
if (closestEl && closestEl.classList.contains(style.panelHeading)) {
return closestEl;
}
@@ -66,7 +67,8 @@ export default class MultiPanel extends HTMLElement {
// don’t handle modifier shortcuts used by assistive technology.
if (event.altKey) return;
let newHeading:HTMLElement | undefined;
let newHeading: HTMLElement | undefined;
switch (event.key) {
case 'ArrowLeft':
case 'ArrowUp':