@aurodesignsystem-dev/auro-formkit 0.0.0-pr1576.4 → 0.0.0-pr1576.5

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

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

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

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

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

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

package/components/checkbox/dist/index.js

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

package/components/checkbox/dist/registered.js

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

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

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608041507';
+var formkitVersion$2 = '202608041645';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -18666,7 +18666,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608041507';
+var formkitVersion$1 = '202608041645';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19822,7 +19822,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608041507';
+var formkitVersion = '202608041645';
 
 var styleCss$3 = i$6`.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}`;
 
@@ -21628,7 +21628,17 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    this.value = this.input.value;
+    // Skip this write during a display-value sync: that path sets the input to
+    // the selected option's LABEL, which is not its machine value. When an
+    // option's label differs from its value (and especially when several
+    // options share a value but render distinct labels — AB#1602086), writing
+    // the label back into this.value clobbers the machine value the selection
+    // listener just set (this.value = optionSelected.value), collapsing the
+    // selection. _syncingBibValue still tracks (that mirrors user-typed text
+    // from the fullscreen bib, where value should follow the input).
+    if (!this._syncingDisplayValue) {
+      this.value = this.input.value;
+    }
 
     // Ignore re-entrant input events caused by programmatic value sets.
     if (this._syncingBibValue || this._syncingDisplayValue) {
@@ -21892,33 +21902,50 @@ class AuroCombobox extends AuroElement {
       }
 
       if (this.input.value !== this.value) {
-        // Clear menu.value AND menu.optionSelected together. Clearing only
-        // menu.value leaves the previously-selected option element pinned
-        // as menu.optionSelected; a later auroMenu-selectedOption event
-        // would then write its stale .value back into combobox.value
-        // (e.g. Tab-after-Backspace re-selecting the prior option).
-        if (this.menu.value || this.menu.optionSelected) {
-          this.menu.clearSelection();
-        }
+        // A fresh user selection leaves the input showing the option's LABEL
+        // while this.value holds its machine value, so input.value !== this.value
+        // is expected whenever label ≠ value. In that case the menu's current
+        // selection is authoritative — and when several options share a value it
+        // is the ONLY thing that records WHICH same-value option the user picked
+        // (the menu tracks it by element identity via `_selectedKey`). Clearing
+        // it here drops that key; the ensuing value-only re-resolution then
+        // collapses the selection onto the first same-value option (AB#1602086).
+        // So only treat the divergence as a stale menu when the selected option
+        // does NOT match the new value.
+        const menuSelectionMatchesValue =
+          this.menu.optionSelected &&
+          !Array.isArray(this.menu.optionSelected) &&
+          this.menu.optionSelected.value === this.value;
+
+        if (!menuSelectionMatchesValue) {
+          // Clear menu.value AND menu.optionSelected together. Clearing only
+          // menu.value leaves the previously-selected option element pinned
+          // as menu.optionSelected; a later auroMenu-selectedOption event
+          // would then write its stale .value back into combobox.value
+          // (e.g. Tab-after-Backspace re-selecting the prior option).
+          if (this.menu.value || this.menu.optionSelected) {
+            this.menu.clearSelection();
+          }
 
-        if (!this.persistInput) {
-          this.syncInputValuesAcrossTriggerAndBib(this.value || '');
-        }
+          if (!this.persistInput) {
+            this.syncInputValuesAcrossTriggerAndBib(this.value || '');
+          }
 
-        // Programmatic value with no matching option: updateFilter will close
-        // the bib silently (see line 648 — no noMatchOption + 0 results
-        // hides). Announce so screen-reader users hear the request was
-        // dropped. Gated on `input.value !== this.value` so this never fires
-        // for user typing — that path always reconciles input.value to
-        // this.value before updated() runs.
-        if (
-          this.value &&
-          this.menu &&
-          this.menu.options &&
-          this.menu.options.length > 0 &&
-          !this.menu.options.some((opt) => opt.value === this.value)
-        ) {
-          announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          // Programmatic value with no matching option: updateFilter will close
+          // the bib silently (see line 648 — no noMatchOption + 0 results
+          // hides). Announce so screen-reader users hear the request was
+          // dropped. Gated on `input.value !== this.value` so this never fires
+          // for user typing — that path always reconciles input.value to
+          // this.value before updated() runs.
+          if (
+            this.value &&
+            this.menu &&
+            this.menu.options &&
+            this.menu.options.length > 0 &&
+            !this.menu.options.some((opt) => opt.value === this.value)
+          ) {
+            announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          }
         }
       }
 

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

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608041507';
+var formkitVersion$2 = '202608041645';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -18666,7 +18666,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608041507';
+var formkitVersion$1 = '202608041645';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19822,7 +19822,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608041507';
+var formkitVersion = '202608041645';
 
 var styleCss$3 = i$6`.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}`;
 
@@ -21628,7 +21628,17 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    this.value = this.input.value;
+    // Skip this write during a display-value sync: that path sets the input to
+    // the selected option's LABEL, which is not its machine value. When an
+    // option's label differs from its value (and especially when several
+    // options share a value but render distinct labels — AB#1602086), writing
+    // the label back into this.value clobbers the machine value the selection
+    // listener just set (this.value = optionSelected.value), collapsing the
+    // selection. _syncingBibValue still tracks (that mirrors user-typed text
+    // from the fullscreen bib, where value should follow the input).
+    if (!this._syncingDisplayValue) {
+      this.value = this.input.value;
+    }
 
     // Ignore re-entrant input events caused by programmatic value sets.
     if (this._syncingBibValue || this._syncingDisplayValue) {
@@ -21892,33 +21902,50 @@ class AuroCombobox extends AuroElement {
       }
 
       if (this.input.value !== this.value) {
-        // Clear menu.value AND menu.optionSelected together. Clearing only
-        // menu.value leaves the previously-selected option element pinned
-        // as menu.optionSelected; a later auroMenu-selectedOption event
-        // would then write its stale .value back into combobox.value
-        // (e.g. Tab-after-Backspace re-selecting the prior option).
-        if (this.menu.value || this.menu.optionSelected) {
-          this.menu.clearSelection();
-        }
+        // A fresh user selection leaves the input showing the option's LABEL
+        // while this.value holds its machine value, so input.value !== this.value
+        // is expected whenever label ≠ value. In that case the menu's current
+        // selection is authoritative — and when several options share a value it
+        // is the ONLY thing that records WHICH same-value option the user picked
+        // (the menu tracks it by element identity via `_selectedKey`). Clearing
+        // it here drops that key; the ensuing value-only re-resolution then
+        // collapses the selection onto the first same-value option (AB#1602086).
+        // So only treat the divergence as a stale menu when the selected option
+        // does NOT match the new value.
+        const menuSelectionMatchesValue =
+          this.menu.optionSelected &&
+          !Array.isArray(this.menu.optionSelected) &&
+          this.menu.optionSelected.value === this.value;
+
+        if (!menuSelectionMatchesValue) {
+          // Clear menu.value AND menu.optionSelected together. Clearing only
+          // menu.value leaves the previously-selected option element pinned
+          // as menu.optionSelected; a later auroMenu-selectedOption event
+          // would then write its stale .value back into combobox.value
+          // (e.g. Tab-after-Backspace re-selecting the prior option).
+          if (this.menu.value || this.menu.optionSelected) {
+            this.menu.clearSelection();
+          }
 
-        if (!this.persistInput) {
-          this.syncInputValuesAcrossTriggerAndBib(this.value || '');
-        }
+          if (!this.persistInput) {
+            this.syncInputValuesAcrossTriggerAndBib(this.value || '');
+          }
 
-        // Programmatic value with no matching option: updateFilter will close
-        // the bib silently (see line 648 — no noMatchOption + 0 results
-        // hides). Announce so screen-reader users hear the request was
-        // dropped. Gated on `input.value !== this.value` so this never fires
-        // for user typing — that path always reconciles input.value to
-        // this.value before updated() runs.
-        if (
-          this.value &&
-          this.menu &&
-          this.menu.options &&
-          this.menu.options.length > 0 &&
-          !this.menu.options.some((opt) => opt.value === this.value)
-        ) {
-          announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          // Programmatic value with no matching option: updateFilter will close
+          // the bib silently (see line 648 — no noMatchOption + 0 results
+          // hides). Announce so screen-reader users hear the request was
+          // dropped. Gated on `input.value !== this.value` so this never fires
+          // for user typing — that path always reconciles input.value to
+          // this.value before updated() runs.
+          if (
+            this.value &&
+            this.menu &&
+            this.menu.options &&
+            this.menu.options.length > 0 &&
+            !this.menu.options.some((opt) => opt.value === this.value)
+          ) {
+            announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          }
         }
       }
 

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

@@ -4992,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608041507';
+var formkitVersion$2 = '202608041645';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -18681,7 +18681,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608041507';
+var formkitVersion$1 = '202608041645';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19837,7 +19837,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608041507';
+var formkitVersion = '202608041645';
 
 var styleCss$3 = i$6`.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}`;
 
@@ -21643,7 +21643,17 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    this.value = this.input.value;
+    // Skip this write during a display-value sync: that path sets the input to
+    // the selected option's LABEL, which is not its machine value. When an
+    // option's label differs from its value (and especially when several
+    // options share a value but render distinct labels — AB#1602086), writing
+    // the label back into this.value clobbers the machine value the selection
+    // listener just set (this.value = optionSelected.value), collapsing the
+    // selection. _syncingBibValue still tracks (that mirrors user-typed text
+    // from the fullscreen bib, where value should follow the input).
+    if (!this._syncingDisplayValue) {
+      this.value = this.input.value;
+    }
 
     // Ignore re-entrant input events caused by programmatic value sets.
     if (this._syncingBibValue || this._syncingDisplayValue) {
@@ -21907,33 +21917,50 @@ class AuroCombobox extends AuroElement {
       }
 
       if (this.input.value !== this.value) {
-        // Clear menu.value AND menu.optionSelected together. Clearing only
-        // menu.value leaves the previously-selected option element pinned
-        // as menu.optionSelected; a later auroMenu-selectedOption event
-        // would then write its stale .value back into combobox.value
-        // (e.g. Tab-after-Backspace re-selecting the prior option).
-        if (this.menu.value || this.menu.optionSelected) {
-          this.menu.clearSelection();
-        }
+        // A fresh user selection leaves the input showing the option's LABEL
+        // while this.value holds its machine value, so input.value !== this.value
+        // is expected whenever label ≠ value. In that case the menu's current
+        // selection is authoritative — and when several options share a value it
+        // is the ONLY thing that records WHICH same-value option the user picked
+        // (the menu tracks it by element identity via `_selectedKey`). Clearing
+        // it here drops that key; the ensuing value-only re-resolution then
+        // collapses the selection onto the first same-value option (AB#1602086).
+        // So only treat the divergence as a stale menu when the selected option
+        // does NOT match the new value.
+        const menuSelectionMatchesValue =
+          this.menu.optionSelected &&
+          !Array.isArray(this.menu.optionSelected) &&
+          this.menu.optionSelected.value === this.value;
+
+        if (!menuSelectionMatchesValue) {
+          // Clear menu.value AND menu.optionSelected together. Clearing only
+          // menu.value leaves the previously-selected option element pinned
+          // as menu.optionSelected; a later auroMenu-selectedOption event
+          // would then write its stale .value back into combobox.value
+          // (e.g. Tab-after-Backspace re-selecting the prior option).
+          if (this.menu.value || this.menu.optionSelected) {
+            this.menu.clearSelection();
+          }
 
-        if (!this.persistInput) {
-          this.syncInputValuesAcrossTriggerAndBib(this.value || '');
-        }
+          if (!this.persistInput) {
+            this.syncInputValuesAcrossTriggerAndBib(this.value || '');
+          }
 
-        // Programmatic value with no matching option: updateFilter will close
-        // the bib silently (see line 648 — no noMatchOption + 0 results
-        // hides). Announce so screen-reader users hear the request was
-        // dropped. Gated on `input.value !== this.value` so this never fires
-        // for user typing — that path always reconciles input.value to
-        // this.value before updated() runs.
-        if (
-          this.value &&
-          this.menu &&
-          this.menu.options &&
-          this.menu.options.length > 0 &&
-          !this.menu.options.some((opt) => opt.value === this.value)
-        ) {
-          announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          // Programmatic value with no matching option: updateFilter will close
+          // the bib silently (see line 648 — no noMatchOption + 0 results
+          // hides). Announce so screen-reader users hear the request was
+          // dropped. Gated on `input.value !== this.value` so this never fires
+          // for user typing — that path always reconciles input.value to
+          // this.value before updated() runs.
+          if (
+            this.value &&
+            this.menu &&
+            this.menu.options &&
+            this.menu.options.length > 0 &&
+            !this.menu.options.some((opt) => opt.value === this.value)
+          ) {
+            announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          }
         }
       }
 

package/components/combobox/dist/index.js

@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608041507';
+var formkitVersion$2 = '202608041645';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -18592,7 +18592,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608041507';
+var formkitVersion$1 = '202608041645';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -19748,7 +19748,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608041507';
+var formkitVersion = '202608041645';
 
 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}`;
 
@@ -21554,7 +21554,17 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    this.value = this.input.value;
+    // Skip this write during a display-value sync: that path sets the input to
+    // the selected option's LABEL, which is not its machine value. When an
+    // option's label differs from its value (and especially when several
+    // options share a value but render distinct labels — AB#1602086), writing
+    // the label back into this.value clobbers the machine value the selection
+    // listener just set (this.value = optionSelected.value), collapsing the
+    // selection. _syncingBibValue still tracks (that mirrors user-typed text
+    // from the fullscreen bib, where value should follow the input).
+    if (!this._syncingDisplayValue) {
+      this.value = this.input.value;
+    }
 
     // Ignore re-entrant input events caused by programmatic value sets.
     if (this._syncingBibValue || this._syncingDisplayValue) {
@@ -21818,33 +21828,50 @@ class AuroCombobox extends AuroElement {
       }
 
       if (this.input.value !== this.value) {
-        // Clear menu.value AND menu.optionSelected together. Clearing only
-        // menu.value leaves the previously-selected option element pinned
-        // as menu.optionSelected; a later auroMenu-selectedOption event
-        // would then write its stale .value back into combobox.value
-        // (e.g. Tab-after-Backspace re-selecting the prior option).
-        if (this.menu.value || this.menu.optionSelected) {
-          this.menu.clearSelection();
-        }
+        // A fresh user selection leaves the input showing the option's LABEL
+        // while this.value holds its machine value, so input.value !== this.value
+        // is expected whenever label ≠ value. In that case the menu's current
+        // selection is authoritative — and when several options share a value it
+        // is the ONLY thing that records WHICH same-value option the user picked
+        // (the menu tracks it by element identity via `_selectedKey`). Clearing
+        // it here drops that key; the ensuing value-only re-resolution then
+        // collapses the selection onto the first same-value option (AB#1602086).
+        // So only treat the divergence as a stale menu when the selected option
+        // does NOT match the new value.
+        const menuSelectionMatchesValue =
+          this.menu.optionSelected &&
+          !Array.isArray(this.menu.optionSelected) &&
+          this.menu.optionSelected.value === this.value;
+
+        if (!menuSelectionMatchesValue) {
+          // Clear menu.value AND menu.optionSelected together. Clearing only
+          // menu.value leaves the previously-selected option element pinned
+          // as menu.optionSelected; a later auroMenu-selectedOption event
+          // would then write its stale .value back into combobox.value
+          // (e.g. Tab-after-Backspace re-selecting the prior option).
+          if (this.menu.value || this.menu.optionSelected) {
+            this.menu.clearSelection();
+          }
 
-        if (!this.persistInput) {
-          this.syncInputValuesAcrossTriggerAndBib(this.value || '');
-        }
+          if (!this.persistInput) {
+            this.syncInputValuesAcrossTriggerAndBib(this.value || '');
+          }
 
-        // Programmatic value with no matching option: updateFilter will close
-        // the bib silently (see line 648 — no noMatchOption + 0 results
-        // hides). Announce so screen-reader users hear the request was
-        // dropped. Gated on `input.value !== this.value` so this never fires
-        // for user typing — that path always reconciles input.value to
-        // this.value before updated() runs.
-        if (
-          this.value &&
-          this.menu &&
-          this.menu.options &&
-          this.menu.options.length > 0 &&
-          !this.menu.options.some((opt) => opt.value === this.value)
-        ) {
-          announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          // Programmatic value with no matching option: updateFilter will close
+          // the bib silently (see line 648 — no noMatchOption + 0 results
+          // hides). Announce so screen-reader users hear the request was
+          // dropped. Gated on `input.value !== this.value` so this never fires
+          // for user typing — that path always reconciles input.value to
+          // this.value before updated() runs.
+          if (
+            this.value &&
+            this.menu &&
+            this.menu.options &&
+            this.menu.options.length > 0 &&
+            !this.menu.options.some((opt) => opt.value === this.value)
+          ) {
+            announceToScreenReader(this._getAnnouncementRoot(), `No matching option for ${this.value}`);
+          }
         }
       }