@internetarchive/ia-topnav 1.3.5-alpha4 → 1.3.5-alpha6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-topnav",
-  "version": "1.3.5-alpha4",
+  "version": "1.3.5-alpha6",
   "description": "Top nav for Internet Archive",
   "license": "AGPL-3.0-only",
   "main": "index.js",

package/src/ia-topnav.js

@@ -305,6 +305,7 @@ export default class IATopNav extends LitElement {
       <desktop-subnav
         .baseHost=${this.baseHost}
         .menuItems=${this.desktopSubnavMenuItems}
+        @focus=${this.closeMenus}
       ></desktop-subnav>
       <div id="close-layer" class="${this.closeLayerClass}" @click=${this.closeMenus}></div>
     `;

package/src/nav-search.js

@@ -99,19 +99,8 @@ class NavSearch extends TrackedElement {
             placeholder="Search"
             autocomplete="off"
             tabindex="2"
-            @focus=${this.toggleSearchMenu}
-            @blur=${(e) => {
-              if (e.relatedTarget?.tagName !== 'SEARCH-MENU') {
-                this.dispatchEvent(new CustomEvent('menuToggled', {
-                  detail: {
-                    menuName: 'search'
-                  },
-                  composed: true,
-                  bubbles: true,
-                }));
-              }
-            }}
             value=${this.searchQuery || ''}
+            @focus=${this.toggleSearchMenu}
           />
           ${this.searchInsideInput}
           <button

package/src/primary-nav.js

@@ -157,7 +157,9 @@ class PrimaryNav extends TrackedElement {
     return html`
       <a href="${formatUrl('/create', this.baseHost)}"
         class="upload"
-        tabindex="1">
+        tabindex="1"
+        @focus=${this.toggleMediaMenu}
+      >
       ${icons.upload}
       <span>Upload</span>
     </a>`;