@danielgindi/selectbox 1.0.138 → 1.0.139

package/lib/DropList.js

@@ -1578,7 +1578,7 @@ class DropList {
             let itemPos, previousPos = -1;
             let maxIterations = 30; // Some zoom/scroll issues can make it so that it takes almost forever
 
-             
+
             while (maxIterations-- > 0) {
                 itemPos = p.virtualListHelper.getItemPosition(itemIndex);
 
@@ -1820,11 +1820,12 @@ class DropList {
                 setTimeout(() => {
                     if (this[DestroyedSymbol]) return;
 
-                    if (!document.activeElement ||
-                        !this.elContains(document.activeElement, true)) {
-                        this._delayBlurItemOnBlur();
-                        this._trigger('blur', event);
+                    if (document.activeElement && this.elContains(document.activeElement, true)) {
+                        return;
                     }
+
+                    this._delayBlurItemOnBlur();
+                    this._trigger('blur', event);
                 });
             });
     }
@@ -2116,7 +2117,7 @@ class DropList {
                     let base = getElementOffset(p.focusItemEl).top;
                     let height = getElementHeight(p.el, true);
 
-                    while (true) {  
+                    while (true) {
                         next = p.focusItemEl.nextElementSibling;
                         if (!next) return;
                         if (next.tagName !== 'LI') continue;

package/lib/SelectBox.js

@@ -1970,6 +1970,9 @@ class SelectBox {
                         }
                     }
                         break;
+
+                    case 'blur':
+                        this._handleOnBlur();
                 }
             },
         });
@@ -1984,6 +1987,27 @@ class SelectBox {
         this._registerDropdownEvents();
     }
 
+    _handleOnBlur() {
+        const p = this._p;
+
+        setTimeout(() => {
+            if (p.disabled) return;
+
+            this._trigger('search:blur');
+
+            if (this[DestroyedSymbol]) return; // destroyed by event handler
+
+            if (document.activeElement &&
+                (p.input && p.input.contains(document.activeElement) ||
+                    p.dropList && this.droplistElContains(document.activeElement, true))) {
+                return;
+            }
+            if (p.throttledUpdateListItems)
+                p.throttledUpdateListItems.cancel();
+            this.closeList();
+        });
+    }
+
     _unregisterDropdownEvents() {
         const p = this._p;
 
@@ -2153,18 +2177,7 @@ class SelectBox {
                     avoidToggleFromClick = true;
                     setTimeout(() => { avoidToggleFromClick = false; }, 10);
                 })
-                .add(p.input, 'blur.dropdown', () => {
-                    if (p.disabled) return;
-
-                    this._trigger('search:blur');
-
-                    if (this[DestroyedSymbol]) return; // destroyed by event handler
-
-                    if (p.throttledUpdateListItems)
-                        p.throttledUpdateListItems.cancel();
-
-                    this.closeList();
-                });
+                .add(p.input, 'blur.dropdown', () => this._handleOnBlur());
         }
 
         p.sink

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "1.0.138",
+  "version": "1.0.139",
   "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",