Fixed search input and selected label showing behavior.

vuelessjs · Jan 29, 2025 · 34e2bd8 · 34e2bd8
1 parent 310775c
commit 34e2bd8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/ui.form-select/USelect.vue b/src/ui.form-select/USelect.vue
@@ -634,7 +634,7 @@ const {
         </div>
 
         <span
-          v-if="!multiple && isLocalValue"
+          v-if="!multiple && isLocalValue && ((searchable && !isOpen) || !searchable)"
           v-bind="selectedLabelAttrs"
           @mousedown.prevent="toggle"
         >

diff --git a/src/ui.form-select/config.ts b/src/ui.form-select/config.ts
@@ -109,7 +109,10 @@ export default /*tw*/ {
   },
   search: {
     base: "flex w-full",
-    compoundVariants: [{ multiple: false, selected: true, class: "w-0" }],
+    compoundVariants: [
+      { multiple: false, selected: true, opened: false, class: "w-0" },
+      { multiple: false, selected: true, searchable: false, class: "w-0" },
+    ],
   },
   searchInput: {
     base: `