@danielgindi/selectbox 2.0.2 → 2.0.4

package/lib/DropList.js

@@ -652,7 +652,8 @@ class DropList {
         const p = this._p;
 
         if (this.hasFocusedItem() && p.multi) {
-            let item = p.items[p.focusItemIndex];
+            const items = p.filteredItems ?? p.items;
+            let item = items[p.focusItemIndex];
             if (item._nocheck || item._nointeraction) return this;
 
             item._checked = !item._checked;
@@ -720,7 +721,7 @@ class DropList {
         const p = this._p, labelProp = p.labelProp, valueProp = p.valueProp;
 
         let isMulti = p.multi;
-        let items = p.items;
+        const items = p.items;
 
         if (atIndex == null || atIndex < 0 || atIndex >= p.items.length) {
             atIndex = -1;
@@ -1230,7 +1231,7 @@ class DropList {
             p.filteredItems = null;
         }
 
-        this.needsRefilter = false;
+        p.needsRefilter = false;
 
         const items = p.filteredItems ?? p.items;
         p.hasNoResultsItem = items.length === 0 && !!p.noResultsText;
@@ -1251,11 +1252,17 @@ class DropList {
         return this;
     }
 
-    getFilteredItemCount() {
+    rushRefilter() {
         const p = this._p;
-
         if (p.needsRefilter)
             this._refilterItems();
+        return this;
+    }
+
+    getFilteredItemCount() {
+        const p = this._p;
+
+        this.rushRefilter();
 
         if (p.filteredItems)
             return p.filteredItems.length;
@@ -1701,6 +1708,8 @@ class DropList {
     setCheckedValues(values) {
         const p = this._p;
 
+        this.rushRefilter();
+
         let groupIndexes = [];
 
         for (let i = 0, count = p.items.length; i < count; i++) {
@@ -1764,7 +1773,7 @@ class DropList {
 
         excludeGroups = excludeGroups && p.groupCount > 0;
 
-        let items = [];
+        const items = [];
 
         for (let i = 0, count = p.items.length; i < count; i++) {
             let item = p.items[i];
@@ -1805,9 +1814,7 @@ class DropList {
             }
         });
 
-        if (p.needsRefilter) {
-            this._refilterItems();
-        }
+        this.rushRefilter();
 
         const el = p.el;
         el.style.position = 'absolute';
@@ -2015,6 +2022,8 @@ class DropList {
     setFocusedItemAtIndex(itemIndex) {
         const p = this._p;
 
+        this.rushRefilter();
+
         if (p.filteredItems) {
             const item = p.items[itemIndex];
             itemIndex = p.items.indexOf(item);
@@ -2212,6 +2221,8 @@ class DropList {
     setSingleSelectedItemAtIndex(itemIndex) {
         const p = this._p;
 
+        this.rushRefilter();
+
         let itemEl = null;
 
         if (itemIndex > -1 && !p.items[itemIndex]._nointeraction) {
@@ -2971,7 +2982,7 @@ class DropList {
             let affectedItems = 0;
 
             if (p.autoCheckGroupChildren) {
-                let items = p.filteredItems ?? p.items;
+                const items = p.filteredItems ?? p.items;
                 let groupIndex = items.indexOf(item);
 
                 for (let i = groupIndex + 1, len = items.length; i < len; i++) {
@@ -3014,7 +3025,7 @@ class DropList {
                 affectedItems: affectedItems,
             });
         } else if (p.groupCount > 0 && p.autoCheckGroupChildren) {
-            let items = p.filteredItems ?? p.items;
+            const items = p.filteredItems ?? p.items;
             let itemIndex = items.indexOf(item);
             let groupIndex = -1;
 
@@ -3040,7 +3051,7 @@ class DropList {
         if (!(p.multi && p.autoCheckGroupChildren && groupIndex > -1))
             return this;
 
-        let items = p.filteredItems ?? p.items;
+        const items = p.filteredItems ?? p.items;
         let groupItem = items[groupIndex];
 
         if (!groupItem || !groupItem._group) return this;
@@ -3166,7 +3177,7 @@ class DropList {
     _determineVirtualMode(targetItemCount) {
         const p = this._p;
 
-        let items = p.filteredItems ?? p.items;
+        const items = p.filteredItems ?? p.items;
         if (targetItemCount === undefined) {
             targetItemCount = items.length;
         }

package/lib/SelectBox.js

@@ -2306,6 +2306,7 @@ class SelectBox {
                     p.splitListCheckedGroups);
             }
             dropList.setItems(items);
+            dropList.invokeRefilter();
             p.itemsChanged = false;
             p.selectionChanged = true;
             p.resortBySelectionNeeded = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "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/scss/droplist.scss

@@ -35,6 +35,7 @@
 	}
 
 	ul {
+		position: relative;
 		list-style: none;
 		margin: 0;
 		padding: 0;