fix(light): Stop menu from opening if values are cleared

Author: abichinger

light/src/components/select.vue

@@ -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,
     }
   },
 })