@aurodesignsystem-dev/auro-formkit 0.0.0-pr1576.8 → 0.0.0-pr1577.1

package/components/combobox/dist/index.js

@@ -5612,6 +5612,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {
@@ -21554,17 +21563,7 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    // 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;
-    }
+    this.value = this.input.value;
 
     // Ignore re-entrant input events caused by programmatic value sets.
     if (this._syncingBibValue || this._syncingDisplayValue) {
@@ -21828,50 +21827,33 @@ class AuroCombobox extends AuroElement {
       }
 
       if (this.input.value !== this.value) {
-        // 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();
-          }
+        // 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/registered.js

@@ -5612,6 +5612,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {
@@ -21554,17 +21563,7 @@ class AuroCombobox extends AuroElement {
       return;
     }
 
-    // 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;
-    }
+    this.value = this.input.value;
 
     // Ignore re-entrant input events caused by programmatic value sets.
     if (this._syncingBibValue || this._syncingDisplayValue) {
@@ -21828,50 +21827,33 @@ class AuroCombobox extends AuroElement {
       }
 
       if (this.input.value !== this.value) {
-        // 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();
-          }
+        // 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/counter/demo/customize.min.js

@@ -5990,6 +5990,15 @@ class AuroDropdown extends AuroElement$1 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

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

@@ -5990,6 +5990,15 @@ class AuroDropdown extends AuroElement$1 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

package/components/counter/dist/index.js

@@ -5922,6 +5922,15 @@ class AuroDropdown extends AuroElement$1 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

package/components/counter/dist/registered.js

@@ -5922,6 +5922,15 @@ class AuroDropdown extends AuroElement$1 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

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

@@ -20174,6 +20174,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

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

@@ -20174,6 +20174,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

package/components/datepicker/dist/index.js

@@ -20102,6 +20102,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

package/components/datepicker/dist/registered.js

@@ -20102,6 +20102,15 @@ class AuroDropdown extends AuroElement$2 {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

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

@@ -4482,6 +4482,15 @@ class AuroDropdown extends AuroElement {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

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

@@ -4482,6 +4482,15 @@ class AuroDropdown extends AuroElement {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

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

@@ -4509,6 +4509,15 @@ class AuroDropdown extends AuroElement {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

package/components/dropdown/dist/index.js

@@ -4414,6 +4414,15 @@ class AuroDropdown extends AuroElement {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {

package/components/dropdown/dist/registered.js

@@ -4414,6 +4414,15 @@ class AuroDropdown extends AuroElement {
 
   connectedCallback() {
     super.connectedCallback();
+    // Re-register trigger event listeners removed by floater.disconnect() in
+    // disconnectedCallback(). Fires when a parent element (e.g. auro-drawer)
+    // moves this element to a new DOM location. firstUpdated() won't re-run,
+    // so without this the trigger click/keydown handlers are permanently gone.
+    // Guard on floater.element so this is a no-op on the initial connect
+    // (before firstUpdated() has called configure()).
+    if (this.floater?.element) {
+      this.floater.configure(this, 'auroDropdown', !this.disableKeyboardHandling);
+    }
   }
 
   disconnectedCallback() {