slim-select 3.1.3 → 3.1.4

package/src/slim-select/index.ts

@@ -151,10 +151,11 @@ export default class SlimSelect {
       // and onOptionsChange wouldn't be called directly
       this.setData(data || [])
     }
-    // Set up label click handler to open SlimSelect
+    // Set up label click handler to toggle SlimSelect
+    // This allows clicking the label to open/close, matching the main div behavior
     this.select.onLabelClick = () => {
       if (!this.settings.disabled) {
-        this.open()
+        this.settings.isOpen ? this.close() : this.open()
       }
     }
 

package/src/slim-select/select.ts

@@ -556,17 +556,22 @@ export default class Select {
 
       // Add click handler to label
       const labelClickHandler = (e: MouseEvent) => {
+        const target = e.target as HTMLElement
+
+        // Only continue if the target is the label
+        if (target !== label) {
+          return
+        }
+
+        // At this point, we know the click is directly on the label element
         // Prevent default label behavior (focusing the select)
+        // Don't stop propagation to allow other handlers (like closing other SlimSelect instances)
         e.preventDefault()
-        e.stopPropagation()
+        // e.stopPropagation() // dont stop propagation
 
-        // Trigger the callback to open SlimSelect
+        // Trigger the callback to toggle SlimSelect
         if (this.onLabelClick) {
-          // Use setTimeout to ensure this happens after any browser-initiated events
-          // are prevented by our prevent handlers
-          setTimeout(() => {
-            this.onLabelClick!()
-          }, 0)
+          this.onLabelClick!()
         }
       }