@danielgindi/selectbox 1.0.83 → 1.0.85

package/lib/DropList.js

@@ -525,7 +525,7 @@ class DropList {
         return this;
     }
 
-    triggerItemSelection(event) {
+    triggerItemSelection(item, event) {
         const p = this._p;
 
         p.focusItemEl = p.focusItemEl || closestUntil(event.target, 'li', p.el);
@@ -533,7 +533,7 @@ class DropList {
         if (p.focusItemIndex === undefined)
             p.focusItemIndex = -1;
 
-        let item = p.focusItemEl[ItemSymbol];
+        item = item ?? p.focusItemEl[ItemSymbol];
         if (item._nointeraction) {
             return false;
         }
@@ -1503,7 +1503,7 @@ class DropList {
 
         if (!this._mouseHandled) {
 
-            this.triggerItemSelection(event);
+            this.triggerItemSelection(null, event);
 
             // If we are destroyed in response to a click/select, cease all actions
             if (this[DestroyedSymbol])
@@ -1668,7 +1668,7 @@ class DropList {
                 break;
 
             case VALUE_ENTER:
-                this.triggerItemSelection(event);
+                this.triggerItemSelection(null, event);
                 event.preventDefault();
                 break;
 
@@ -1750,7 +1750,7 @@ class DropList {
             this._focus(evt, next || null, matchIndex);
 
             if (!this.isVisible()) {
-                this.triggerItemSelection(evt);
+                this.triggerItemSelection(null, evt);
             }
 
             // Record the last filter used
@@ -1944,7 +1944,7 @@ class DropList {
         this._focus(event, next || null, nextIndex);
 
         if (!this.isVisible()) {
-            this.triggerItemSelection(event);
+            this.triggerItemSelection(item, event);
         }
     }
 

package/lib/SelectBox.js

@@ -1997,7 +1997,7 @@ class SelectBox {
                                 suppressEnterSpaceToggle = true;
                                 if (p.multi)
                                     dropList.toggleFocusedItem(evt);
-                                else dropList.triggerItemSelection(evt);
+                                else dropList.triggerItemSelection(null, evt);
                                 evt.preventDefault();
                             }
                         }
@@ -2007,14 +2007,14 @@ class SelectBox {
                         if (dropList.isVisible() && dropList.hasFocusedItem()) {
                             suppressEnterSpaceToggle = true;
                             evt.preventDefault();
-                            dropList.triggerItemSelection(evt);
+                            dropList.triggerItemSelection(null, evt);
                         }
 
                         break;
 
                     case VALUE_TAB:
                         if (dropList.isVisible() && dropList.hasFocusedItem()) {
-                            dropList.triggerItemSelection(evt);
+                            dropList.triggerItemSelection(null, evt);
                         }
                         break;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "description": "A collection of dom utilities. So you can work natively with the dom without dom frameworks.",
   "main": "dist/lib.cjs.min.js",
   "module": "lib/index.js",

package/vue/DropList.vue

@@ -226,7 +226,16 @@ export default {
                 for (let [key, fn] of Object.entries(this.$listeners)) {
                     if (AllListEvents.includes(key))
                         continue;
-                    this.sink.add(this._list.el, key + '.vue', fn);
+
+                    if (key === 'blur') {
+                        this.sink.add(this._list.el, key + '.vue', evt => {
+                            if (this._list.el.contains(evt.relatedTarget))
+                                return;
+                            fn(evt);
+                        }, true);
+                    } else {
+                        this.sink.add(this._list.el, key + '.vue', fn);
+                    }
                 }
             }
         },