@aurodesignsystem-dev/auro-formkit 0.0.0-pr1401.0 → 0.0.0-pr1401.2

package/components/checkbox/demo/api.min.js

@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/index.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/registered.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/combobox/demo/api.min.js

@@ -1137,7 +1137,29 @@ const ANNOUNCEMENT_DURATION_MS = 1000;
 // in the first component's live region.
 const pendingClearTimeouts = new WeakMap();
 
+/**
+ * Returns the shadow root where live-region announcements should be routed.
+ *
+ * In fullscreen mode the component's own live region sits outside the modal
+ * dialog and is inert, so announcements must go to the bib's live region
+ * (inside the dialog) instead.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element.
+ * @param {ShadowRoot} fallbackRoot - The component's own shadow root (used in desktop mode).
+ * @returns {ShadowRoot|null} The shadow root containing the target `#srAnnouncement` element,
+ *   or `null` when fullscreen mode is active but the bib shadow root is not yet available
+ *   (the announcement is silently skipped rather than sent to the inert host shadow root).
+ */
+function getAnnouncementRoot(dropdown, fallbackRoot) {
+  if (dropdown.isBibFullscreen) {
+    const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+    return (bibEl && bibEl.shadowRoot) || null;
+  }
+  return fallbackRoot;
+}
+
 function announceToScreenReader(shadowRoot, text) {
+  if (!shadowRoot) return;
   const liveRegion = shadowRoot.querySelector('#srAnnouncement');
   if (liveRegion) {
     // Cancel any pending clear so a previous announcement's timeout
@@ -1201,6 +1223,27 @@ function guardTouchPassthrough(element) {
   }, { once: true });
 }
 
+/**
+ * Closes the fullscreen dialog element synchronously.
+ *
+ * When a dropdown closes, Lit's async update cycle may call `dialog.close()`
+ * too late — the browser's native focus restoration (back to `document.body`)
+ * can race with the `requestAnimationFrame` in {@link restoreTriggerAfterClose},
+ * stealing focus back to `body` after it was already placed on the trigger.
+ *
+ * Calling this *before* `restoreTriggerAfterClose` ensures the dialog's native
+ * focus restore fires first, so the rAF wins the race.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element whose bib may
+ *   contain a `<dialog>`.
+ */
+function closeFullscreenDialog(dropdown) {
+  const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+  if (bibEl) {
+    bibEl.close();
+  }
+}
+
 /**
  * Restores the dropdown trigger after a fullscreen dialog closes.
  *
@@ -1332,7 +1375,7 @@ function isClearBtnFocused(ctx, clearBtn = getClearBtn(ctx)) {
 }
 
 const comboboxKeyboardStrategy = {
-  async Enter(component, evt, ctx) {
+  Enter(component, evt, ctx) {
     // If the clear button has focus, let the browser activate it normally.
     // stopPropagation prevents parent containers (e.g., forms) from treating
     // Enter as a submit, but we must NOT call preventDefault — that would
@@ -1343,11 +1386,15 @@ const comboboxKeyboardStrategy = {
     }
 
     if (ctx.isExpanded && component.optionActive) {
-      component.menu.makeSelection();
-      await component.updateComplete;
       evt.preventDefault();
       evt.stopPropagation();
-      component.setClearBtnFocus();
+      // Set flags before makeSelection so the showBib guard and the
+      // auroDropdown-toggled close handler both see them when the value
+      // change propagates through Lit's microtask update cycle.
+      component._focusClearBtnAfterClose = true;
+      component._clearBtnFocusPending = true;
+      component.menu.makeSelection();
+      component.hideBib();
     } else {
       // Prevent the keypress from bubbling to parent containers (e.g., forms)
       // which could interpret Enter as a submit or trigger other unintended behavior.
@@ -1399,10 +1446,12 @@ const comboboxKeyboardStrategy = {
       // No active option, input has a value, clear button not focused →
       // move focus to the dialog's clear button.
       if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) {
+
         // Force clear button container visible to work around Safari not
         // propagating :focus-within through shadow DOM boundaries, which
         // causes .wrapper:not(:focus-within) to hide .notification.clear.
         const clearContainer = clearBtn.closest('.clear');
+
         if (clearContainer) {
           clearContainer.style.display = 'flex';
           clearBtn.addEventListener('focusout', () => {
@@ -5087,7 +5136,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603262341';
+var formkitVersion$2 = '202603272353';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12851,7 +12900,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603262341';
+var formkitVersion$1 = '202603272353';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13890,7 +13939,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -14981,6 +15030,8 @@ class AuroCombobox extends AuroElement {
         // during fullscreen open to prevent touch pass-through.
         this.menu.style.pointerEvents = '';
 
+        closeFullscreenDialog(this.dropdown);
+
         const shouldFocusClearBtn = this._focusClearBtnAfterClose;
         this._focusClearBtnAfterClose = false;
 
@@ -15107,6 +15158,7 @@ class AuroCombobox extends AuroElement {
       // the CSS rule `.wrapper:not(:focus-within) .notification.clear`
       // hides the container with display:none, preventing focus.
       const clearContainer = clearBtn.closest('.clear');
+
       if (clearContainer) {
         clearContainer.style.display = 'flex';
         clearBtn.addEventListener('focusout', () => {
@@ -15291,14 +15343,7 @@ class AuroCombobox extends AuroElement {
         const optionIndex = this.availableOptions.indexOf(this.optionActive) + 1;
         const optionCount = this.availableOptions.length;
 
-        // In fullscreen mode the combobox's live region is outside the modal
-        // dialog and inert, so route announcements to the bib's live region
-        // which is inside the dialog.
-        const bibEl = this.dropdown.bibElement && this.dropdown.bibElement.value;
-        const bibShadowRoot = bibEl && bibEl.shadowRoot;
-        const announcementRoot = this.dropdown.isBibFullscreen && bibShadowRoot
-          ? bibShadowRoot
-          : this.shadowRoot;
+        const announcementRoot = getAnnouncementRoot(this.dropdown, this.shadowRoot);
 
         announceToScreenReader(announcementRoot, `${optionText}${selectedState}, ${optionIndex} of ${optionCount}`);
       }

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

@@ -1060,7 +1060,29 @@ const ANNOUNCEMENT_DURATION_MS = 1000;
 // in the first component's live region.
 const pendingClearTimeouts = new WeakMap();
 
+/**
+ * Returns the shadow root where live-region announcements should be routed.
+ *
+ * In fullscreen mode the component's own live region sits outside the modal
+ * dialog and is inert, so announcements must go to the bib's live region
+ * (inside the dialog) instead.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element.
+ * @param {ShadowRoot} fallbackRoot - The component's own shadow root (used in desktop mode).
+ * @returns {ShadowRoot|null} The shadow root containing the target `#srAnnouncement` element,
+ *   or `null` when fullscreen mode is active but the bib shadow root is not yet available
+ *   (the announcement is silently skipped rather than sent to the inert host shadow root).
+ */
+function getAnnouncementRoot(dropdown, fallbackRoot) {
+  if (dropdown.isBibFullscreen) {
+    const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+    return (bibEl && bibEl.shadowRoot) || null;
+  }
+  return fallbackRoot;
+}
+
 function announceToScreenReader(shadowRoot, text) {
+  if (!shadowRoot) return;
   const liveRegion = shadowRoot.querySelector('#srAnnouncement');
   if (liveRegion) {
     // Cancel any pending clear so a previous announcement's timeout
@@ -1124,6 +1146,27 @@ function guardTouchPassthrough(element) {
   }, { once: true });
 }
 
+/**
+ * Closes the fullscreen dialog element synchronously.
+ *
+ * When a dropdown closes, Lit's async update cycle may call `dialog.close()`
+ * too late — the browser's native focus restoration (back to `document.body`)
+ * can race with the `requestAnimationFrame` in {@link restoreTriggerAfterClose},
+ * stealing focus back to `body` after it was already placed on the trigger.
+ *
+ * Calling this *before* `restoreTriggerAfterClose` ensures the dialog's native
+ * focus restore fires first, so the rAF wins the race.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element whose bib may
+ *   contain a `<dialog>`.
+ */
+function closeFullscreenDialog(dropdown) {
+  const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+  if (bibEl) {
+    bibEl.close();
+  }
+}
+
 /**
  * Restores the dropdown trigger after a fullscreen dialog closes.
  *
@@ -1255,7 +1298,7 @@ function isClearBtnFocused(ctx, clearBtn = getClearBtn(ctx)) {
 }
 
 const comboboxKeyboardStrategy = {
-  async Enter(component, evt, ctx) {
+  Enter(component, evt, ctx) {
     // If the clear button has focus, let the browser activate it normally.
     // stopPropagation prevents parent containers (e.g., forms) from treating
     // Enter as a submit, but we must NOT call preventDefault — that would
@@ -1266,11 +1309,15 @@ const comboboxKeyboardStrategy = {
     }
 
     if (ctx.isExpanded && component.optionActive) {
-      component.menu.makeSelection();
-      await component.updateComplete;
       evt.preventDefault();
       evt.stopPropagation();
-      component.setClearBtnFocus();
+      // Set flags before makeSelection so the showBib guard and the
+      // auroDropdown-toggled close handler both see them when the value
+      // change propagates through Lit's microtask update cycle.
+      component._focusClearBtnAfterClose = true;
+      component._clearBtnFocusPending = true;
+      component.menu.makeSelection();
+      component.hideBib();
     } else {
       // Prevent the keypress from bubbling to parent containers (e.g., forms)
       // which could interpret Enter as a submit or trigger other unintended behavior.
@@ -1322,10 +1369,12 @@ const comboboxKeyboardStrategy = {
       // No active option, input has a value, clear button not focused →
       // move focus to the dialog's clear button.
       if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) {
+
         // Force clear button container visible to work around Safari not
         // propagating :focus-within through shadow DOM boundaries, which
         // causes .wrapper:not(:focus-within) to hide .notification.clear.
         const clearContainer = clearBtn.closest('.clear');
+
         if (clearContainer) {
           clearContainer.style.display = 'flex';
           clearBtn.addEventListener('focusout', () => {
@@ -5010,7 +5059,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202603262341';
+var formkitVersion$2 = '202603272353';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -12774,7 +12823,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202603262341';
+var formkitVersion$1 = '202603272353';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13813,7 +13862,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -14904,6 +14953,8 @@ class AuroCombobox extends AuroElement {
         // during fullscreen open to prevent touch pass-through.
         this.menu.style.pointerEvents = '';
 
+        closeFullscreenDialog(this.dropdown);
+
         const shouldFocusClearBtn = this._focusClearBtnAfterClose;
         this._focusClearBtnAfterClose = false;
 
@@ -15030,6 +15081,7 @@ class AuroCombobox extends AuroElement {
       // the CSS rule `.wrapper:not(:focus-within) .notification.clear`
       // hides the container with display:none, preventing focus.
       const clearContainer = clearBtn.closest('.clear');
+
       if (clearContainer) {
         clearContainer.style.display = 'flex';
         clearBtn.addEventListener('focusout', () => {
@@ -15214,14 +15266,7 @@ class AuroCombobox extends AuroElement {
         const optionIndex = this.availableOptions.indexOf(this.optionActive) + 1;
         const optionCount = this.availableOptions.length;
 
-        // In fullscreen mode the combobox's live region is outside the modal
-        // dialog and inert, so route announcements to the bib's live region
-        // which is inside the dialog.
-        const bibEl = this.dropdown.bibElement && this.dropdown.bibElement.value;
-        const bibShadowRoot = bibEl && bibEl.shadowRoot;
-        const announcementRoot = this.dropdown.isBibFullscreen && bibShadowRoot
-          ? bibShadowRoot
-          : this.shadowRoot;
+        const announcementRoot = getAnnouncementRoot(this.dropdown, this.shadowRoot);
 
         announceToScreenReader(announcementRoot, `${optionText}${selectedState}, ${optionIndex} of ${optionCount}`);
       }

package/components/combobox/dist/comboboxKeyboardStrategy.d.ts

@@ -1,5 +1,5 @@
 export namespace comboboxKeyboardStrategy {
-    function Enter(component: any, evt: any, ctx: any): Promise<void>;
+    function Enter(component: any, evt: any, ctx: any): void;
     function Tab(component: any, evt: any, ctx: any): void;
     function ArrowUp(component: any, evt: any, ctx: any): void;
     function ArrowDown(component: any, evt: any, ctx: any): void;

package/components/combobox/dist/index.js

@@ -1023,7 +1023,29 @@ const ANNOUNCEMENT_DURATION_MS = 1000;
 // in the first component's live region.
 const pendingClearTimeouts = new WeakMap();
 
+/**
+ * Returns the shadow root where live-region announcements should be routed.
+ *
+ * In fullscreen mode the component's own live region sits outside the modal
+ * dialog and is inert, so announcements must go to the bib's live region
+ * (inside the dialog) instead.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element.
+ * @param {ShadowRoot} fallbackRoot - The component's own shadow root (used in desktop mode).
+ * @returns {ShadowRoot|null} The shadow root containing the target `#srAnnouncement` element,
+ *   or `null` when fullscreen mode is active but the bib shadow root is not yet available
+ *   (the announcement is silently skipped rather than sent to the inert host shadow root).
+ */
+function getAnnouncementRoot(dropdown, fallbackRoot) {
+  if (dropdown.isBibFullscreen) {
+    const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+    return (bibEl && bibEl.shadowRoot) || null;
+  }
+  return fallbackRoot;
+}
+
 function announceToScreenReader(shadowRoot, text) {
+  if (!shadowRoot) return;
   const liveRegion = shadowRoot.querySelector('#srAnnouncement');
   if (liveRegion) {
     // Cancel any pending clear so a previous announcement's timeout
@@ -1087,6 +1109,27 @@ function guardTouchPassthrough(element) {
   }, { once: true });
 }
 
+/**
+ * Closes the fullscreen dialog element synchronously.
+ *
+ * When a dropdown closes, Lit's async update cycle may call `dialog.close()`
+ * too late — the browser's native focus restoration (back to `document.body`)
+ * can race with the `requestAnimationFrame` in {@link restoreTriggerAfterClose},
+ * stealing focus back to `body` after it was already placed on the trigger.
+ *
+ * Calling this *before* `restoreTriggerAfterClose` ensures the dialog's native
+ * focus restore fires first, so the rAF wins the race.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element whose bib may
+ *   contain a `<dialog>`.
+ */
+function closeFullscreenDialog(dropdown) {
+  const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+  if (bibEl) {
+    bibEl.close();
+  }
+}
+
 /**
  * Restores the dropdown trigger after a fullscreen dialog closes.
  *
@@ -1212,7 +1255,7 @@ function isClearBtnFocused(ctx, clearBtn = getClearBtn(ctx)) {
 }
 
 const comboboxKeyboardStrategy = {
-  async Enter(component, evt, ctx) {
+  Enter(component, evt, ctx) {
     // If the clear button has focus, let the browser activate it normally.
     // stopPropagation prevents parent containers (e.g., forms) from treating
     // Enter as a submit, but we must NOT call preventDefault — that would
@@ -1223,11 +1266,15 @@ const comboboxKeyboardStrategy = {
     }
 
     if (ctx.isExpanded && component.optionActive) {
-      component.menu.makeSelection();
-      await component.updateComplete;
       evt.preventDefault();
       evt.stopPropagation();
-      component.setClearBtnFocus();
+      // Set flags before makeSelection so the showBib guard and the
+      // auroDropdown-toggled close handler both see them when the value
+      // change propagates through Lit's microtask update cycle.
+      component._focusClearBtnAfterClose = true;
+      component._clearBtnFocusPending = true;
+      component.menu.makeSelection();
+      component.hideBib();
     } else {
       // Prevent the keypress from bubbling to parent containers (e.g., forms)
       // which could interpret Enter as a submit or trigger other unintended behavior.
@@ -1279,10 +1326,12 @@ const comboboxKeyboardStrategy = {
       // No active option, input has a value, clear button not focused →
       // move focus to the dialog's clear button.
       if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) {
+
         // Force clear button container visible to work around Safari not
         // propagating :focus-within through shadow DOM boundaries, which
         // causes .wrapper:not(:focus-within) to hide .notification.clear.
         const clearContainer = clearBtn.closest('.clear');
+
         if (clearContainer) {
           clearContainer.style.display = 'flex';
           clearBtn.addEventListener('focusout', () => {
@@ -4943,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603262341';
+var formkitVersion$2 = '202603272353';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12700,7 +12749,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603262341';
+var formkitVersion$1 = '202603272353';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13739,7 +13788,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -14830,6 +14879,8 @@ class AuroCombobox extends AuroElement {
         // during fullscreen open to prevent touch pass-through.
         this.menu.style.pointerEvents = '';
 
+        closeFullscreenDialog(this.dropdown);
+
         const shouldFocusClearBtn = this._focusClearBtnAfterClose;
         this._focusClearBtnAfterClose = false;
 
@@ -14956,6 +15007,7 @@ class AuroCombobox extends AuroElement {
       // the CSS rule `.wrapper:not(:focus-within) .notification.clear`
       // hides the container with display:none, preventing focus.
       const clearContainer = clearBtn.closest('.clear');
+
       if (clearContainer) {
         clearContainer.style.display = 'flex';
         clearBtn.addEventListener('focusout', () => {
@@ -15140,14 +15192,7 @@ class AuroCombobox extends AuroElement {
         const optionIndex = this.availableOptions.indexOf(this.optionActive) + 1;
         const optionCount = this.availableOptions.length;
 
-        // In fullscreen mode the combobox's live region is outside the modal
-        // dialog and inert, so route announcements to the bib's live region
-        // which is inside the dialog.
-        const bibEl = this.dropdown.bibElement && this.dropdown.bibElement.value;
-        const bibShadowRoot = bibEl && bibEl.shadowRoot;
-        const announcementRoot = this.dropdown.isBibFullscreen && bibShadowRoot
-          ? bibShadowRoot
-          : this.shadowRoot;
+        const announcementRoot = getAnnouncementRoot(this.dropdown, this.shadowRoot);
 
         announceToScreenReader(announcementRoot, `${optionText}${selectedState}, ${optionIndex} of ${optionCount}`);
       }

package/components/combobox/dist/registered.js

@@ -1023,7 +1023,29 @@ const ANNOUNCEMENT_DURATION_MS = 1000;
 // in the first component's live region.
 const pendingClearTimeouts = new WeakMap();
 
+/**
+ * Returns the shadow root where live-region announcements should be routed.
+ *
+ * In fullscreen mode the component's own live region sits outside the modal
+ * dialog and is inert, so announcements must go to the bib's live region
+ * (inside the dialog) instead.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element.
+ * @param {ShadowRoot} fallbackRoot - The component's own shadow root (used in desktop mode).
+ * @returns {ShadowRoot|null} The shadow root containing the target `#srAnnouncement` element,
+ *   or `null` when fullscreen mode is active but the bib shadow root is not yet available
+ *   (the announcement is silently skipped rather than sent to the inert host shadow root).
+ */
+function getAnnouncementRoot(dropdown, fallbackRoot) {
+  if (dropdown.isBibFullscreen) {
+    const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+    return (bibEl && bibEl.shadowRoot) || null;
+  }
+  return fallbackRoot;
+}
+
 function announceToScreenReader(shadowRoot, text) {
+  if (!shadowRoot) return;
   const liveRegion = shadowRoot.querySelector('#srAnnouncement');
   if (liveRegion) {
     // Cancel any pending clear so a previous announcement's timeout
@@ -1087,6 +1109,27 @@ function guardTouchPassthrough(element) {
   }, { once: true });
 }
 
+/**
+ * Closes the fullscreen dialog element synchronously.
+ *
+ * When a dropdown closes, Lit's async update cycle may call `dialog.close()`
+ * too late — the browser's native focus restoration (back to `document.body`)
+ * can race with the `requestAnimationFrame` in {@link restoreTriggerAfterClose},
+ * stealing focus back to `body` after it was already placed on the trigger.
+ *
+ * Calling this *before* `restoreTriggerAfterClose` ensures the dialog's native
+ * focus restore fires first, so the rAF wins the race.
+ *
+ * @param {HTMLElement} dropdown - The `auro-dropdown` element whose bib may
+ *   contain a `<dialog>`.
+ */
+function closeFullscreenDialog(dropdown) {
+  const bibEl = dropdown.bibElement && dropdown.bibElement.value;
+  if (bibEl) {
+    bibEl.close();
+  }
+}
+
 /**
  * Restores the dropdown trigger after a fullscreen dialog closes.
  *
@@ -1212,7 +1255,7 @@ function isClearBtnFocused(ctx, clearBtn = getClearBtn(ctx)) {
 }
 
 const comboboxKeyboardStrategy = {
-  async Enter(component, evt, ctx) {
+  Enter(component, evt, ctx) {
     // If the clear button has focus, let the browser activate it normally.
     // stopPropagation prevents parent containers (e.g., forms) from treating
     // Enter as a submit, but we must NOT call preventDefault — that would
@@ -1223,11 +1266,15 @@ const comboboxKeyboardStrategy = {
     }
 
     if (ctx.isExpanded && component.optionActive) {
-      component.menu.makeSelection();
-      await component.updateComplete;
       evt.preventDefault();
       evt.stopPropagation();
-      component.setClearBtnFocus();
+      // Set flags before makeSelection so the showBib guard and the
+      // auroDropdown-toggled close handler both see them when the value
+      // change propagates through Lit's microtask update cycle.
+      component._focusClearBtnAfterClose = true;
+      component._clearBtnFocusPending = true;
+      component.menu.makeSelection();
+      component.hideBib();
     } else {
       // Prevent the keypress from bubbling to parent containers (e.g., forms)
       // which could interpret Enter as a submit or trigger other unintended behavior.
@@ -1279,10 +1326,12 @@ const comboboxKeyboardStrategy = {
       // No active option, input has a value, clear button not focused →
       // move focus to the dialog's clear button.
       if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) {
+
         // Force clear button container visible to work around Safari not
         // propagating :focus-within through shadow DOM boundaries, which
         // causes .wrapper:not(:focus-within) to hide .notification.clear.
         const clearContainer = clearBtn.closest('.clear');
+
         if (clearContainer) {
           clearContainer.style.display = 'flex';
           clearBtn.addEventListener('focusout', () => {
@@ -4943,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202603262341';
+var formkitVersion$2 = '202603272353';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -12700,7 +12749,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202603262341';
+var formkitVersion$1 = '202603272353';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13739,7 +13788,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202603262341';
+var formkitVersion = '202603272353';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -14830,6 +14879,8 @@ class AuroCombobox extends AuroElement {
         // during fullscreen open to prevent touch pass-through.
         this.menu.style.pointerEvents = '';
 
+        closeFullscreenDialog(this.dropdown);
+
         const shouldFocusClearBtn = this._focusClearBtnAfterClose;
         this._focusClearBtnAfterClose = false;
 
@@ -14956,6 +15007,7 @@ class AuroCombobox extends AuroElement {
       // the CSS rule `.wrapper:not(:focus-within) .notification.clear`
       // hides the container with display:none, preventing focus.
       const clearContainer = clearBtn.closest('.clear');
+
       if (clearContainer) {
         clearContainer.style.display = 'flex';
         clearBtn.addEventListener('focusout', () => {
@@ -15140,14 +15192,7 @@ class AuroCombobox extends AuroElement {
         const optionIndex = this.availableOptions.indexOf(this.optionActive) + 1;
         const optionCount = this.availableOptions.length;
 
-        // In fullscreen mode the combobox's live region is outside the modal
-        // dialog and inert, so route announcements to the bib's live region
-        // which is inside the dialog.
-        const bibEl = this.dropdown.bibElement && this.dropdown.bibElement.value;
-        const bibShadowRoot = bibEl && bibEl.shadowRoot;
-        const announcementRoot = this.dropdown.isBibFullscreen && bibShadowRoot
-          ? bibShadowRoot
-          : this.shadowRoot;
+        const announcementRoot = getAnnouncementRoot(this.dropdown, this.shadowRoot);
 
         announceToScreenReader(announcementRoot, `${optionText}${selectedState}, ${optionIndex} of ${optionCount}`);
       }