@momentum-design/components 0.133.0 → 0.133.1

package/dist/components/combobox/combobox.component.js

@@ -343,9 +343,8 @@ class Combobox extends KeyDownHandledMixin(KeyToActionMixin(CaptureDestroyEventF
         this.lastCommittedValue = value;
         this.internals.setFormValue(this.value);
         this.updateHiddenOptions();
-        if (option) {
-            this.updateSelectedOption(option);
-        }
+        this.updateSelectedOption(option);
+        this.resetFocusedOption();
         this.setInputValidity();
         this.resetHelpText();
         if (emitEvents && !updateFromValue && option) {
@@ -388,21 +387,25 @@ class Combobox extends KeyDownHandledMixin(KeyToActionMixin(CaptureDestroyEventF
         // keep value-attribute based default selection working for both
         // controlled and uncontrolled modes, while avoiding change/input events
         // by delegating to setSelectedValue with updateFromValue=true.
-        if (name === 'value' && newValue !== '' && this.navItems.length) {
-            const firstSelectedOption = this.getFirstSelectedOption();
-            const valueBasedOption = this.navItems.find(option => option.value === newValue);
+        // Skip the initial paint (oldValue === null with empty newValue) but allow
+        // programmatic clears (oldValue is a string when the attribute was already set).
+        if (name === 'value' && this.navItems.length && !(oldValue === null && newValue === '')) {
             let optionToSelect = null;
-            if (valueBasedOption) {
-                optionToSelect = valueBasedOption;
-            }
-            else if (this.placeholder) {
-                optionToSelect = null;
-            }
-            else if (firstSelectedOption) {
-                optionToSelect = firstSelectedOption;
-            }
-            else {
-                return;
+            if (newValue !== '') {
+                const firstSelectedOption = this.getFirstSelectedOption();
+                const valueBasedOption = this.navItems.find(option => option.value === newValue);
+                if (valueBasedOption) {
+                    optionToSelect = valueBasedOption;
+                }
+                else if (firstSelectedOption) {
+                    optionToSelect = firstSelectedOption;
+                }
+                else if (this.placeholder) {
+                    optionToSelect = null;
+                }
+                else {
+                    return;
+                }
             }
             this.updateComplete
                 .then(() => {
@@ -827,12 +830,9 @@ class Combobox extends KeyDownHandledMixin(KeyToActionMixin(CaptureDestroyEventF
         if (this.disabled || this.readonly) {
             return false;
         }
-        if (optionsLength) {
+        if (optionsLength || this.noResultText) {
             return this.isOpen;
         }
-        if (this.noResultText) {
-            return true;
-        }
         return false;
     }
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.133.0",
+  "version": "0.133.1",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"