@fusion.dev/helix-headless 0.215.1 → 0.215.2

package/dist/icon/root/icon-root.d.ts

@@ -99,7 +99,7 @@ export declare class HelixHeadlessIcon extends HelixElement {
      *
      * **A lookup, and the reason both this and `icon` exist.** A name is a string,
      * so it is what markup can carry, and resolving one means an index of the
-     * whole set that no bundler can shake: 15 kB for a consumer who renders one
+     * whole set that no bundler can shake: 17 kB for a consumer who renders one
      * mark. An attribute is the only thing an HTML author can write, and that is
      * worth the index; a consumer who would rather not pay it imports the
      * element from `icon/root` and registers the glyphs it names, or hands over

package/dist/map/root/map-root.d.ts

@@ -368,10 +368,19 @@ export declare class HelixHeadlessMap extends HelixHeadlessMap_base {
     private hiding?;
     /** Closes the layers menu on a press anywhere outside the frame. */
     private readonly handleOutside;
+    private pressingMenu;
+    /**
+     * Notes a press inside the menu. A map type's picture and name take no focus,
+     * so the browser moves focus to the nearest focusable ancestor, the region,
+     * on `pointerdown`. That is not the focus moving on, and closing the menu for
+     * it hides the type before the release can click it.
+     */
+    private readonly handleMenuPress;
     /**
      * Closes the layers menu when focus moves on from its button and the menu,
      * as a Tab past the last tile does. Focus leaving the page, with nothing
-     * focused in its place, leaves the menu as it is.
+     * focused in its place, leaves the menu as it is, and so does focus moved by
+     * a press inside the menu.
      */
     private readonly handleMenuFocusOut;
     /**

package/dist/map/root/map-root.js

@@ -79,9 +79,20 @@ let HelixHeadlessMap = class HelixHeadlessMap extends MixinViewport(HelixElement
                 this.layersOpen = false;
             }
         };
+        this.pressingMenu = false;
+        this.handleMenuPress = () => {
+            this.pressingMenu = true;
+            const release = () => {
+                this.pressingMenu = false;
+                window.removeEventListener('pointerup', release, true);
+                window.removeEventListener('pointercancel', release, true);
+            };
+            window.addEventListener('pointerup', release, true);
+            window.addEventListener('pointercancel', release, true);
+        };
         this.handleMenuFocusOut = (event) => {
             const to = event.relatedTarget;
-            if (!(this.layersOpen && to)) {
+            if (!(this.layersOpen && to) || this.pressingMenu) {
                 return;
             }
             const owners = this.renderRoot.querySelectorAll('[part="layers-toggle"], [part="layers-menu"]');
@@ -433,6 +444,7 @@ let HelixHeadlessMap = class HelixHeadlessMap extends MixinViewport(HelixElement
         aria-label=${this.layersLabel}
         ?hidden=${!this.layersOpen}
         @focusout=${this.handleMenuFocusOut}
+        @pointerdown=${this.handleMenuPress}
         @keydown=${this.handleMenuKeydown}
       >
         ${this.imagery.length > 0 ? this.renderMapTypes() : nothing}