abichinger
diff --git a/Collapse file
‎light/src/components/select.vue‎
Copy file name to clipboardExpand all lines: light/src/components/select.vue
+16-1Lines changed: 16 additions & 1 deletion b/Collapse file
‎light/src/components/select.vue‎
Copy file name to clipboardExpand all lines: light/src/components/select.vue
+16-1Lines changed: 16 additions & 1 deletion
@@ -11,7 +11,11 @@
       ref="btn"
     >
       <span class="cl-btn-selection">{{ selection ?? selectedStr }}</span>
-      <span :class="{ clearable: clearable && !isEmpty }" class="cl-btn-suffix" @click="clear">
+      <span
+        :class="{ clearable: clearable && !isEmpty }"
+        class="cl-btn-suffix"
+        @click="iconClicked"
+      >
         <CloseCircleFilled v-if="clearable && !isEmpty" />
         <DownOutlined v-else />
       </span>
@@ -83,13 +87,24 @@ export default defineComponent({
       }
     }
 
+    function iconClicked(e: Event) {
+      if (!props.clearable || s.isEmpty.value) {
+        return
+      }
+      if (!menu.value) {
+        e.stopPropagation()
+      }
+      s.clear()
+    }
+
     return {
       ...s,
       menu,
       toggleMenu,
       btn,
       floating,
       floatingStyles,
+      iconClicked,
     }
   },
 })