@aurodesignsystem-dev/auro-formkit 0.0.0-pr1498.0 → 0.0.0-pr1499.1

package/components/dropdown/demo/getting-started.min.js

@@ -3942,7 +3942,7 @@ class AuroHelpText extends i {
   }
 }
 
-var formkitVersion = '202606100232';
+var formkitVersion = '202606101934';
 
 class AuroElement extends i {
   static get properties() {
@@ -4800,18 +4800,27 @@ class AuroDropdown extends AuroElement {
       this.focusTrap = undefined;
     }
 
-    // Restore any focus-loss suppression we installed for a prior trap state.
-    // The desktopModal trap moves focus into the bib via RAF, which would
-    // otherwise trip AuroFloatingUI.handleFocusLoss (a popover-top-layer
-    // timing issue makes its :focus-within guard miss the focused button).
-    if (this._priorNoHideOnFocusLoss !== undefined) {
-      this.noHideOnThisFocusLoss = this._priorNoHideOnFocusLoss;
-      this._priorNoHideOnFocusLoss = undefined;
+    // Restore the user-set noHideOnThisFocusLoss value, if we overrode it.
+    if (this._noHideOverridden) {
+      this.noHideOnThisFocusLoss = this._priorNoHide;
+      this._noHideOverridden = false;
+      this._priorNoHide = undefined;
     }
 
     if (this.isPopoverVisible) {
       if (!this.isBibFullscreen) {
         if (this.desktopModal) {
+          // The floater's focus-loss check uses :focus-within, which does not
+          // match the host when focus is on a slotted element projected through
+          // multiple shadow roots. Without this override, focusing a button
+          // inside the bib would be misread as focus leaving the dropdown and
+          // close the bib immediately. desktopModal traps focus inside the
+          // bib and inerts siblings, so suppressing focus-loss dismissal here
+          // is safe — Escape and outside-click still close the bib.
+          this._priorNoHide = this.noHideOnThisFocusLoss;
+          this._noHideOverridden = true;
+          this.noHideOnThisFocusLoss = true;
+
           // Desktop modal: trap focus only within the bib content.
           // Can't use FocusTrap on the bib element because keydown events
           // from slotted content bubble through the dropdown host (light DOM),
@@ -4884,14 +4893,6 @@ class AuroDropdown extends AuroElement {
           };
           this.addEventListener('keydown', this._bibTabHandler);
 
-          // Suppress AuroFloatingUI's auto-hide-on-focus-loss while the
-          // desktopModal trap owns focus management. Without this, the very
-          // first focus move into the bib (from the RAF below) triggers
-          // handleFocusLoss → hideBib, tearing down the trap before the
-          // user can press Tab.
-          this._priorNoHideOnFocusLoss = this.noHideOnThisFocusLoss;
-          this.noHideOnThisFocusLoss = true;
-
           // Move initial focus into the bib content, matching FocusTrap behavior
           requestAnimationFrame(() => {
             const focusables = getFocusableElements(this.bibContent);

package/components/dropdown/demo/index.min.js

@@ -3969,7 +3969,7 @@ class AuroHelpText extends i {
   }
 }
 
-var formkitVersion = '202606100232';
+var formkitVersion = '202606101934';
 
 class AuroElement extends i {
   static get properties() {
@@ -4827,18 +4827,27 @@ class AuroDropdown extends AuroElement {
       this.focusTrap = undefined;
     }
 
-    // Restore any focus-loss suppression we installed for a prior trap state.
-    // The desktopModal trap moves focus into the bib via RAF, which would
-    // otherwise trip AuroFloatingUI.handleFocusLoss (a popover-top-layer
-    // timing issue makes its :focus-within guard miss the focused button).
-    if (this._priorNoHideOnFocusLoss !== undefined) {
-      this.noHideOnThisFocusLoss = this._priorNoHideOnFocusLoss;
-      this._priorNoHideOnFocusLoss = undefined;
+    // Restore the user-set noHideOnThisFocusLoss value, if we overrode it.
+    if (this._noHideOverridden) {
+      this.noHideOnThisFocusLoss = this._priorNoHide;
+      this._noHideOverridden = false;
+      this._priorNoHide = undefined;
     }
 
     if (this.isPopoverVisible) {
       if (!this.isBibFullscreen) {
         if (this.desktopModal) {
+          // The floater's focus-loss check uses :focus-within, which does not
+          // match the host when focus is on a slotted element projected through
+          // multiple shadow roots. Without this override, focusing a button
+          // inside the bib would be misread as focus leaving the dropdown and
+          // close the bib immediately. desktopModal traps focus inside the
+          // bib and inerts siblings, so suppressing focus-loss dismissal here
+          // is safe — Escape and outside-click still close the bib.
+          this._priorNoHide = this.noHideOnThisFocusLoss;
+          this._noHideOverridden = true;
+          this.noHideOnThisFocusLoss = true;
+
           // Desktop modal: trap focus only within the bib content.
           // Can't use FocusTrap on the bib element because keydown events
           // from slotted content bubble through the dropdown host (light DOM),
@@ -4911,14 +4920,6 @@ class AuroDropdown extends AuroElement {
           };
           this.addEventListener('keydown', this._bibTabHandler);
 
-          // Suppress AuroFloatingUI's auto-hide-on-focus-loss while the
-          // desktopModal trap owns focus management. Without this, the very
-          // first focus move into the bib (from the RAF below) triggers
-          // handleFocusLoss → hideBib, tearing down the trap before the
-          // user can press Tab.
-          this._priorNoHideOnFocusLoss = this.noHideOnThisFocusLoss;
-          this.noHideOnThisFocusLoss = true;
-
           // Move initial focus into the bib content, matching FocusTrap behavior
           requestAnimationFrame(() => {
             const focusables = getFocusableElements(this.bibContent);

package/components/dropdown/dist/auro-dropdown.d.ts

@@ -410,7 +410,8 @@ export class AuroDropdown extends AuroElement {
      * @private
      */
     private updateFocusTrap;
-    _priorNoHideOnFocusLoss: any;
+    _noHideOverridden: boolean | undefined;
+    _priorNoHide: any;
     /**
      * Returns the chain of active (focused) elements through shadow roots.
      * @private

package/components/dropdown/dist/index.js

@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202606100232';
+var formkitVersion = '202606101934';
 
 class AuroElement extends LitElement {
   static get properties() {
@@ -4732,18 +4732,27 @@ class AuroDropdown extends AuroElement {
       this.focusTrap = undefined;
     }
 
-    // Restore any focus-loss suppression we installed for a prior trap state.
-    // The desktopModal trap moves focus into the bib via RAF, which would
-    // otherwise trip AuroFloatingUI.handleFocusLoss (a popover-top-layer
-    // timing issue makes its :focus-within guard miss the focused button).
-    if (this._priorNoHideOnFocusLoss !== undefined) {
-      this.noHideOnThisFocusLoss = this._priorNoHideOnFocusLoss;
-      this._priorNoHideOnFocusLoss = undefined;
+    // Restore the user-set noHideOnThisFocusLoss value, if we overrode it.
+    if (this._noHideOverridden) {
+      this.noHideOnThisFocusLoss = this._priorNoHide;
+      this._noHideOverridden = false;
+      this._priorNoHide = undefined;
     }
 
     if (this.isPopoverVisible) {
       if (!this.isBibFullscreen) {
         if (this.desktopModal) {
+          // The floater's focus-loss check uses :focus-within, which does not
+          // match the host when focus is on a slotted element projected through
+          // multiple shadow roots. Without this override, focusing a button
+          // inside the bib would be misread as focus leaving the dropdown and
+          // close the bib immediately. desktopModal traps focus inside the
+          // bib and inerts siblings, so suppressing focus-loss dismissal here
+          // is safe — Escape and outside-click still close the bib.
+          this._priorNoHide = this.noHideOnThisFocusLoss;
+          this._noHideOverridden = true;
+          this.noHideOnThisFocusLoss = true;
+
           // Desktop modal: trap focus only within the bib content.
           // Can't use FocusTrap on the bib element because keydown events
           // from slotted content bubble through the dropdown host (light DOM),
@@ -4816,14 +4825,6 @@ class AuroDropdown extends AuroElement {
           };
           this.addEventListener('keydown', this._bibTabHandler);
 
-          // Suppress AuroFloatingUI's auto-hide-on-focus-loss while the
-          // desktopModal trap owns focus management. Without this, the very
-          // first focus move into the bib (from the RAF below) triggers
-          // handleFocusLoss → hideBib, tearing down the trap before the
-          // user can press Tab.
-          this._priorNoHideOnFocusLoss = this.noHideOnThisFocusLoss;
-          this.noHideOnThisFocusLoss = true;
-
           // Move initial focus into the bib content, matching FocusTrap behavior
           requestAnimationFrame(() => {
             const focusables = getFocusableElements(this.bibContent);

package/components/dropdown/dist/registered.js

@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202606100232';
+var formkitVersion = '202606101934';
 
 class AuroElement extends LitElement {
   static get properties() {
@@ -4732,18 +4732,27 @@ class AuroDropdown extends AuroElement {
       this.focusTrap = undefined;
     }
 
-    // Restore any focus-loss suppression we installed for a prior trap state.
-    // The desktopModal trap moves focus into the bib via RAF, which would
-    // otherwise trip AuroFloatingUI.handleFocusLoss (a popover-top-layer
-    // timing issue makes its :focus-within guard miss the focused button).
-    if (this._priorNoHideOnFocusLoss !== undefined) {
-      this.noHideOnThisFocusLoss = this._priorNoHideOnFocusLoss;
-      this._priorNoHideOnFocusLoss = undefined;
+    // Restore the user-set noHideOnThisFocusLoss value, if we overrode it.
+    if (this._noHideOverridden) {
+      this.noHideOnThisFocusLoss = this._priorNoHide;
+      this._noHideOverridden = false;
+      this._priorNoHide = undefined;
     }
 
     if (this.isPopoverVisible) {
       if (!this.isBibFullscreen) {
         if (this.desktopModal) {
+          // The floater's focus-loss check uses :focus-within, which does not
+          // match the host when focus is on a slotted element projected through
+          // multiple shadow roots. Without this override, focusing a button
+          // inside the bib would be misread as focus leaving the dropdown and
+          // close the bib immediately. desktopModal traps focus inside the
+          // bib and inerts siblings, so suppressing focus-loss dismissal here
+          // is safe — Escape and outside-click still close the bib.
+          this._priorNoHide = this.noHideOnThisFocusLoss;
+          this._noHideOverridden = true;
+          this.noHideOnThisFocusLoss = true;
+
           // Desktop modal: trap focus only within the bib content.
           // Can't use FocusTrap on the bib element because keydown events
           // from slotted content bubble through the dropdown host (light DOM),
@@ -4816,14 +4825,6 @@ class AuroDropdown extends AuroElement {
           };
           this.addEventListener('keydown', this._bibTabHandler);
 
-          // Suppress AuroFloatingUI's auto-hide-on-focus-loss while the
-          // desktopModal trap owns focus management. Without this, the very
-          // first focus move into the bib (from the RAF below) triggers
-          // handleFocusLoss → hideBib, tearing down the trap before the
-          // user can press Tab.
-          this._priorNoHideOnFocusLoss = this.noHideOnThisFocusLoss;
-          this.noHideOnThisFocusLoss = true;
-
           // Move initial focus into the bib content, matching FocusTrap behavior
           requestAnimationFrame(() => {
             const focusables = getFocusableElements(this.bibContent);