@danielgindi/selectbox 2.0.2 → 2.0.4

package/css/droplist.css

@@ -1,3 +1,3 @@
-.droplist_wrapper{box-sizing:border-box;z-index:10000;float:left;margin:0;padding:0;border:1px solid #b1b1b1;outline:0;border-radius:5px;background:#fff;max-height:300px;max-width:100%}.droplist_wrapper .droplist_header{position:relative;padding:.5em;box-sizing:inherit}.droplist_wrapper .droplist_header input[type=search]{box-sizing:inherit;width:100%}.droplist_wrapper.droplist__is_above{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:1px 0 0 0}.droplist_wrapper.droplist__is_below{border-top-left-radius:0;border-top-right-radius:0;margin:-1px 0 0 0}.droplist_wrapper ul{list-style:none;margin:0;padding:0;border:0;overflow-y:auto;overflow-x:hidden;max-height:100%;max-width:100%;background:none}.droplist_wrapper ul li{box-sizing:border-box;position:relative;margin:0;padding:3px 11px 4px 11px;height:23px;font-size:13px;line-height:17px;color:#3e3f48;white-space:nowrap;cursor:pointer;width:100%;overflow:hidden}.droplist_wrapper ul li.droplist__item_focus{background-color:#3e3f48;color:#fff}.droplist_wrapper ul li .checkbox{position:absolute;left:6px;top:3px;display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23dae7f1;'%3E%3C/rect%3E%3C/svg%3E");background-size:100% 100%}.droplist_wrapper ul li:hover .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23fff;'%3E%3C/rect%3E%3C/svg%3E")}.droplist_wrapper ul li:active .checkbox,.droplist_wrapper ul li:hover:active .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %23396d93; fill: %23b5cfe3;'%3E%3C/rect%3E%3C/svg%3E")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23dae7f1;'%3E%3C/rect%3E%3Cpath fill='%236ca1c6' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:hover .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23fff;'%3E%3C/rect%3E%3Cpath fill='%236ca1c6' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:active .checkbox,.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:hover:active .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %23396d93; fill: %23b5cfe3;'%3E%3C/rect%3E%3Cpath fill='%23396d93' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_single.droplist__item_checked{opacity:.5}.droplist_wrapper ul li.droplist__item_multi:not(.droplist__item_multi_nocheck){padding:1px 6px 2px 2px}.droplist_wrapper ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label{display:block;margin:1px 0 0 24px}.droplist_wrapper ul li.droplist__item_group{font-weight:bold}.droplist_wrapper ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck){padding-left:15px}.droplist_wrapper ul li.droplist__item_child.droplist__item_single,.droplist_wrapper ul li.droplist__item_child.droplist__item_multi_nocheck{padding-left:24px}.droplist_wrapper ul li.droplist__item_nointeraction{cursor:default}.droplist_wrapper ul .droplist__no_results_content{text-align:center}.droplist_wrapper ul li .remove{display:none;position:absolute;top:0;right:2px;width:34px;height:20px;padding:0;border:0;background:none;line-height:20px;vertical-align:middle;text-align:center;direction:ltr;font-size:15px;cursor:pointer}.droplist_wrapper ul li .remove:before{display:inline-block;content:"x";color:#fff}.droplist_wrapper ul .droplist__item_focus .remove{display:block}.droplist_wrapper.droplist__rtl,[dir=rtl] .droplist_wrapper:not(.droplist__ltr){direction:rtl}.droplist_wrapper.droplist__rtl ul li .checkbox,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li .checkbox{left:auto;right:6px}.droplist_wrapper.droplist__rtl ul li.droplist__item_multi:not(.droplist__item_multi_nocheck),[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_multi:not(.droplist__item_multi_nocheck){padding:1px 2px 2px 6px}.droplist_wrapper.droplist__rtl ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label{margin:1px 24px 0 0}.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck),[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck){padding-left:6px;padding-right:15px}.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_single,.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_multi_nocheck,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_single,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_multi_nocheck{padding-left:11px;padding-right:24px}.droplist_wrapper.droplist__rtl ul li .remove,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li .remove{right:auto;left:2px}.has_droplist_above{border-top-left-radius:0;border-top-right-radius:0}.has_droplist_below{border-bottom-left-radius:0;border-bottom-right-radius:0}
+.droplist_wrapper{box-sizing:border-box;z-index:10000;float:left;margin:0;padding:0;border:1px solid #b1b1b1;outline:0;border-radius:5px;background:#fff;max-height:300px;max-width:100%}.droplist_wrapper .droplist_header{position:relative;padding:.5em;box-sizing:inherit}.droplist_wrapper .droplist_header input[type=search]{box-sizing:inherit;width:100%}.droplist_wrapper.droplist__is_above{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:1px 0 0 0}.droplist_wrapper.droplist__is_below{border-top-left-radius:0;border-top-right-radius:0;margin:-1px 0 0 0}.droplist_wrapper ul{position:relative;list-style:none;margin:0;padding:0;border:0;overflow-y:auto;overflow-x:hidden;max-height:100%;max-width:100%;background:none}.droplist_wrapper ul li{box-sizing:border-box;position:relative;margin:0;padding:3px 11px 4px 11px;height:23px;font-size:13px;line-height:17px;color:#3e3f48;white-space:nowrap;cursor:pointer;width:100%;overflow:hidden}.droplist_wrapper ul li.droplist__item_focus{background-color:#3e3f48;color:#fff}.droplist_wrapper ul li .checkbox{position:absolute;left:6px;top:3px;display:block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23dae7f1;'%3E%3C/rect%3E%3C/svg%3E");background-size:100% 100%}.droplist_wrapper ul li:hover .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23fff;'%3E%3C/rect%3E%3C/svg%3E")}.droplist_wrapper ul li:active .checkbox,.droplist_wrapper ul li:hover:active .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %23396d93; fill: %23b5cfe3;'%3E%3C/rect%3E%3C/svg%3E")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23dae7f1;'%3E%3C/rect%3E%3Cpath fill='%236ca1c6' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:hover .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %236ca1c6; fill: %23fff;'%3E%3C/rect%3E%3Cpath fill='%236ca1c6' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:active .checkbox,.droplist_wrapper ul li.droplist__item_multi.droplist__item_checked:hover:active .checkbox{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 448'%3E%3Crect x='14' y='14' width='420' height='420' rx='84' style='stroke-width: 28px; stroke: %23396d93; fill: %23b5cfe3;'%3E%3C/rect%3E%3Cpath fill='%23396d93' d='m364.136 158.276-172.589 171.204c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z'/%3E%3C/svg%3E%0A")}.droplist_wrapper ul li.droplist__item_single.droplist__item_checked{opacity:.5}.droplist_wrapper ul li.droplist__item_multi:not(.droplist__item_multi_nocheck){padding:1px 6px 2px 2px}.droplist_wrapper ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label{display:block;margin:1px 0 0 24px}.droplist_wrapper ul li.droplist__item_group{font-weight:bold}.droplist_wrapper ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck){padding-left:15px}.droplist_wrapper ul li.droplist__item_child.droplist__item_single,.droplist_wrapper ul li.droplist__item_child.droplist__item_multi_nocheck{padding-left:24px}.droplist_wrapper ul li.droplist__item_nointeraction{cursor:default}.droplist_wrapper ul .droplist__no_results_content{text-align:center}.droplist_wrapper ul li .remove{display:none;position:absolute;top:0;right:2px;width:34px;height:20px;padding:0;border:0;background:none;line-height:20px;vertical-align:middle;text-align:center;direction:ltr;font-size:15px;cursor:pointer}.droplist_wrapper ul li .remove:before{display:inline-block;content:"x";color:#fff}.droplist_wrapper ul .droplist__item_focus .remove{display:block}.droplist_wrapper.droplist__rtl,[dir=rtl] .droplist_wrapper:not(.droplist__ltr){direction:rtl}.droplist_wrapper.droplist__rtl ul li .checkbox,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li .checkbox{left:auto;right:6px}.droplist_wrapper.droplist__rtl ul li.droplist__item_multi:not(.droplist__item_multi_nocheck),[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_multi:not(.droplist__item_multi_nocheck){padding:1px 2px 2px 6px}.droplist_wrapper.droplist__rtl ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_multi:not(.droplist__item_multi_nocheck) .droplist__item_label{margin:1px 24px 0 0}.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck),[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_multi:not(.droplist__item_multi_nocheck){padding-left:6px;padding-right:15px}.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_single,.droplist_wrapper.droplist__rtl ul li.droplist__item_child.droplist__item_multi_nocheck,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_single,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li.droplist__item_child.droplist__item_multi_nocheck{padding-left:11px;padding-right:24px}.droplist_wrapper.droplist__rtl ul li .remove,[dir=rtl] .droplist_wrapper:not(.droplist__ltr) ul li .remove{right:auto;left:2px}.has_droplist_above{border-top-left-radius:0;border-top-right-radius:0}.has_droplist_below{border-bottom-left-radius:0;border-bottom-right-radius:0}
 
 /*# sourceMappingURL=droplist.css.map */

package/css/droplist.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/droplist.scss"],"names":[],"mappings":"AAAA,kBACC,sBACA,cACA,WACA,SACA,UACA,yBACA,UACA,kBACA,gBACA,iBACA,eAEA,mCACC,kBACA,aACA,mBAEA,sDACC,mBACA,WAIF,qCACC,4BACA,6BACA,iBAGD,qCACC,yBACA,0BACA,kBAGD,qBACC,gBACA,SACA,UACA,SACA,gBACA,kBACA,gBACA,eACA,gBAEA,wBACC,sBACA,kBACA,SACA,0BACA,YACA,eACA,iBACA,cACA,mBACA,eAIA,WACA,gBAEA,6CAEC,yBACA,WAKD,kCACC,kBACA,SACA,QACA,cACA,WACA,YAGA,4PACA,0BAGD,wCAEC,yPAGD,wFAGC,4PAKD,8EAEC,+jBAGD,oFAEC,4jBAGD,gLAGC,+jBAIF,qEACC,WAGD,gFACC,wBAEA,sGACC,cACA,oBAIF,6CACC,iBAGD,qGACC,kBAGD,6IAEC,kBAGD,qDACC,eAGD,mDACC,kBAGD,gCACC,aACA,kBACA,MACA,UACA,WACA,YACA,UACA,SACA,gBACA,iBACA,sBACA,kBACA,cACA,eACA,eAEA,uCACC,qBACA,YACA,WAIF,mDACC,cAIF,gFAEC,cAMC,gHACC,UACA,UAIF,4MACC,wBAEA,wPACC,oBAIF,sPACC,iBACA,mBAGD,kXAEC,kBACA,mBAGD,4GACC,WACA,SAKH,oBACI,yBACA,0BAGJ,oBACI,4BACA","file":"droplist.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/droplist.scss"],"names":[],"mappings":"AAAA,kBACC,sBACA,cACA,WACA,SACA,UACA,yBACA,UACA,kBACA,gBACA,iBACA,eAEA,mCACC,kBACA,aACA,mBAEA,sDACC,mBACA,WAIF,qCACC,4BACA,6BACA,iBAGD,qCACC,yBACA,0BACA,kBAGD,qBACC,kBACA,gBACA,SACA,UACA,SACA,gBACA,kBACA,gBACA,eACA,gBAEA,wBACC,sBACA,kBACA,SACA,0BACA,YACA,eACA,iBACA,cACA,mBACA,eAIA,WACA,gBAEA,6CAEC,yBACA,WAKD,kCACC,kBACA,SACA,QACA,cACA,WACA,YAGA,4PACA,0BAGD,wCAEC,yPAGD,wFAGC,4PAKD,8EAEC,+jBAGD,oFAEC,4jBAGD,gLAGC,+jBAIF,qEACC,WAGD,gFACC,wBAEA,sGACC,cACA,oBAIF,6CACC,iBAGD,qGACC,kBAGD,6IAEC,kBAGD,qDACC,eAGD,mDACC,kBAGD,gCACC,aACA,kBACA,MACA,UACA,WACA,YACA,UACA,SACA,gBACA,iBACA,sBACA,kBACA,cACA,eACA,eAEA,uCACC,qBACA,YACA,WAIF,mDACC,cAIF,gFAEC,cAMC,gHACC,UACA,UAIF,4MACC,wBAEA,wPACC,oBAIF,sPACC,iBACA,mBAGD,kXAEC,kBACA,mBAGD,4GACC,WACA,SAKH,oBACI,yBACA,0BAGJ,oBACI,4BACA","file":"droplist.css"}

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 2.0.2
+ * @danielgindi/selectbox 2.0.4
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -682,7 +682,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;
@@ -750,7 +751,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;
@@ -1260,7 +1261,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;
@@ -1281,11 +1282,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;
@@ -1731,6 +1738,8 @@ class DropList {
   setCheckedValues(values) {
     const p = this._p;
 
+    this.rushRefilter();
+
     let groupIndexes = [];
 
     for (let i = 0, count = p.items.length; i < count; i++) {
@@ -1794,7 +1803,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];
@@ -1835,9 +1844,7 @@ class DropList {
       }
     });
 
-    if (p.needsRefilter) {
-      this._refilterItems();
-    }
+    this.rushRefilter();
 
     const el = p.el;
     el.style.position = 'absolute';
@@ -2045,6 +2052,8 @@ class DropList {
   setFocusedItemAtIndex(itemIndex) {
     const p = this._p;
 
+    this.rushRefilter();
+
     if (p.filteredItems) {
       const item = p.items[itemIndex];
       itemIndex = p.items.indexOf(item);
@@ -2242,6 +2251,8 @@ class DropList {
   setSingleSelectedItemAtIndex(itemIndex) {
     const p = this._p;
 
+    this.rushRefilter();
+
     let itemEl = null;
 
     if (itemIndex > -1 && !p.items[itemIndex]._nointeraction) {
@@ -3001,7 +3012,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++) {
@@ -3044,7 +3055,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;
 
@@ -3070,7 +3081,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;
@@ -3196,7 +3207,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;
     }
@@ -5570,6 +5581,7 @@ class SelectBox {
         p.splitListCheckedGroups);
       }
       dropList.setItems(items);
+      dropList.invokeRefilter();
       p.itemsChanged = false;
       p.selectionChanged = true;
       p.resortBySelectionNeeded = false;