@dataloop-ai/components 0.20.261-new-input.2 → 0.20.261-new-input.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.20.261-new-input.2",
+  "version": "0.20.261-new-input.3",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlInput/DlInput.vue

@@ -1358,6 +1358,14 @@ export default defineComponent({
             const inputRef = this.$refs.input as HTMLInputElement
             inputRef.blur()
         },
+        closeSuggestionMenuAfterBlur(): void {
+            // Delay close so suggestion item click can finish before menu teardown.
+            setTimeout(() => {
+                if (!this.focused) {
+                    this.isMenuOpen = false
+                }
+            }, 0)
+        },
         onBlur(e: InputEvent): void {
             const el = e.target as HTMLElement
             el.innerText = (el.innerText ?? '').endsWith('.')
@@ -1365,7 +1373,7 @@ export default defineComponent({
                 : el.innerText
             el.scroll(0, 0)
             this.focused = false
-            this.isMenuOpen = false
+            this.closeSuggestionMenuAfterBlur()
             this.$emit('blur', e)
             this.handleValueTrim()
         },
@@ -1382,7 +1390,7 @@ export default defineComponent({
         },
         onNativeBlur(e: FocusEvent): void {
             this.focused = false
-            this.isMenuOpen = false
+            this.closeSuggestionMenuAfterBlur()
             this.$emit('blur', e)
         },
         onNativeEnterPress(e: KeyboardEvent): void {