@aurodesignsystem-dev/auro-formkit 0.0.0-pr1475.1 → 0.0.0-pr1475.3

package/components/dropdown/dist/index.js

@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202605182202';
+var formkitVersion = '202605182353';
 
 class AuroElement extends LitElement {
   static get properties() {
@@ -4795,6 +4795,14 @@ class AuroDropdown extends AuroElement {
             }
           };
           this.addEventListener('keydown', this._bibTabHandler);
+
+          // Move initial focus into the bib content, matching FocusTrap behavior
+          requestAnimationFrame(() => {
+            const focusables = getFocusableElements(this.bibContent);
+            if (focusables.length) {
+              focusables[0].focus();
+            }
+          });
         } else {
           // Normal desktop: use FocusTrap on the bib element
           this.focusTrap = new FocusTrap(this.bibContent);
@@ -4826,7 +4834,8 @@ class AuroDropdown extends AuroElement {
    * Sets `inert` on sibling elements of the dropdown's top-level host
    * so that content outside the dropdown is not interactive while the modal is open.
    * Walks up through shadow DOM boundaries to find the outermost host element
-   * in the light DOM, then sets `inert` on that element's siblings.
+   * in the light DOM, then sets `inert` on siblings at each ancestor level
+   * to ensure all page content outside the host subtree is inert.
    * @private
    */
   _setPageInert() {
@@ -4845,15 +4854,18 @@ class AuroDropdown extends AuroElement {
       host = host.getRootNode().host;
     }
 
-    const parent = host.parentElement;
-
-    if (parent) {
+    // Walk up the ancestor chain, inerting siblings at each level
+    // to ensure the entire page outside the host subtree is inert.
+    let current = host;
+    while (current.parentElement) {
+      const parent = current.parentElement;
       for (const sibling of parent.children) {
-        if (sibling !== host && !sibling.inert) {
+        if (sibling !== current && !sibling.inert) {
           sibling.inert = true;
           this._inertSiblings.push(sibling);
         }
       }
+      current = parent;
     }
   }
 

package/components/dropdown/dist/registered.js

@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202605182202';
+var formkitVersion = '202605182353';
 
 class AuroElement extends LitElement {
   static get properties() {
@@ -4795,6 +4795,14 @@ class AuroDropdown extends AuroElement {
             }
           };
           this.addEventListener('keydown', this._bibTabHandler);
+
+          // Move initial focus into the bib content, matching FocusTrap behavior
+          requestAnimationFrame(() => {
+            const focusables = getFocusableElements(this.bibContent);
+            if (focusables.length) {
+              focusables[0].focus();
+            }
+          });
         } else {
           // Normal desktop: use FocusTrap on the bib element
           this.focusTrap = new FocusTrap(this.bibContent);
@@ -4826,7 +4834,8 @@ class AuroDropdown extends AuroElement {
    * Sets `inert` on sibling elements of the dropdown's top-level host
    * so that content outside the dropdown is not interactive while the modal is open.
    * Walks up through shadow DOM boundaries to find the outermost host element
-   * in the light DOM, then sets `inert` on that element's siblings.
+   * in the light DOM, then sets `inert` on siblings at each ancestor level
+   * to ensure all page content outside the host subtree is inert.
    * @private
    */
   _setPageInert() {
@@ -4845,15 +4854,18 @@ class AuroDropdown extends AuroElement {
       host = host.getRootNode().host;
     }
 
-    const parent = host.parentElement;
-
-    if (parent) {
+    // Walk up the ancestor chain, inerting siblings at each level
+    // to ensure the entire page outside the host subtree is inert.
+    let current = host;
+    while (current.parentElement) {
+      const parent = current.parentElement;
       for (const sibling of parent.children) {
-        if (sibling !== host && !sibling.inert) {
+        if (sibling !== current && !sibling.inert) {
           sibling.inert = true;
           this._inertSiblings.push(sibling);
         }
       }
+      current = parent;
     }
   }