@syncfusion/ej2-dropdowns 20.1.61 → 20.2.36

package/src/multi-select/multi-select.js

@@ -97,6 +97,7 @@ var MultiSelect = /** @class */ (function (_super) {
     function MultiSelect(option, element) {
         var _this = _super.call(this, option, element) || this;
         _this.clearIconWidth = 0;
+        _this.previousFilterText = '';
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
@@ -594,7 +595,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.showPopup();
             }
             else {
-                this.hidePopup();
+                this.hidePopup(e);
             }
         }
         else if (!this.openOnClick && this.mode === 'CheckBox' && !this.isPopupOpen()) {
@@ -663,7 +664,7 @@ var MultiSelect = /** @class */ (function (_super) {
             var list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
             if (this.backCommand) {
                 this.remoteCustomValue = false;
-                if (this.allowCustomValue && list.querySelectorAll('li').length === 0 && this.mainData.length > 0) {
+                if (this.allowCustomValue && list.querySelectorAll('li').length == 0 && this.mainData.length > 0) {
                     this.mainData = [];
                 }
                 this.onActionComplete(list, this.mainData);
@@ -754,7 +755,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.showPopup();
             }
             else {
-                this.hidePopup();
+                this.hidePopup(e);
                 if (this.mode === 'CheckBox') {
                     this.showOverAllClear();
                     this.inputFocus = true;
@@ -832,6 +833,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 }
             }
         }
+        this.updateDataList();
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -842,7 +844,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         this.overAllClear.style.display = 'none';
         if (this.isPopupOpen()) {
-            this.hidePopup();
+            this.hidePopup(eve);
         }
         this.makeTextBoxEmpty();
         this.trigger('blur');
@@ -1036,7 +1038,7 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.popupKeyActions = function (e) {
         switch (e.keyCode) {
             case 38:
-                this.hidePopup();
+                this.hidePopup(e);
                 if (this.mode === 'CheckBox') {
                     this.inputElement.focus();
                 }
@@ -1058,7 +1060,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 var filterInput = this.popupWrapper.querySelector('.' + FILTERINPUT);
                 filterInput && filterInput.setAttribute('aria-activedescendant', focusedItem.id);
             }
-            else if (this.mode === 'CheckBox') {
+            else if (this.mode == "CheckBox") {
                 this.overAllWrapper.setAttribute('aria-activedescendant', focusedItem.id);
             }
         }
@@ -1118,7 +1120,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     break;
                 case 27:
                     e.preventDefault();
-                    this.hidePopup();
+                    this.hidePopup(e);
                     if (this.mode === 'CheckBox') {
                         this.inputElement.focus();
                     }
@@ -1135,7 +1137,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     return;
                 case 9:
                     e.preventDefault();
-                    this.hidePopup();
+                    this.hidePopup(e);
                     this.inputElement.focus();
                     this.overAllWrapper.classList.add(FOCUS);
             }
@@ -1163,6 +1165,9 @@ var MultiSelect = /** @class */ (function (_super) {
             this.keyNavigation(e);
         }
         if (this.mode === 'CheckBox' && this.enableSelectionOrder) {
+            if (this.allowFiltering) {
+                this.previousFilterText = this.targetElement();
+            }
             this.checkBackCommand(e);
         }
         this.expandTextbox();
@@ -1211,7 +1216,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.checkPlaceholderSize();
     };
     MultiSelect.prototype.checkBackCommand = function (e) {
-        if (e.keyCode === 8 && this.targetElement() === '') {
+        if (e.keyCode === 8 && this.allowFiltering ? this.targetElement() !== this.previousFilterText : this.targetElement() === '') {
             this.backCommand = false;
         }
         else {
@@ -1357,7 +1362,7 @@ var MultiSelect = /** @class */ (function (_super) {
             }
             this.refreshSelection();
             if (this.closePopupOnSelect) {
-                this.hidePopup();
+                this.hidePopup(e);
             }
         }
         this.refreshPlaceHolder();
@@ -1389,7 +1394,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.makeTextBoxEmpty();
         }
         if (this.closePopupOnSelect) {
-            this.hidePopup();
+            this.hidePopup(e);
         }
         this.checkPlaceholderSize();
     };
@@ -1509,7 +1514,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 value = customVal;
             }
             if (this.isPopupOpen() && this.mode !== 'CheckBox') {
-                this.hidePopup();
+                this.hidePopup(e);
             }
             if (!this.inputFocus) {
                 this.inputElement.focus();
@@ -2469,13 +2474,8 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.updateDataList = function () {
         if (this.mainList && this.ulElement) {
             var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 &&
-                this.ulElement.children[0].childElementCount > 0) &&
-                (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
-            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0
-                && !(this.ulElement.childElementCount < this.mainList.childElementCount)
-                && (this.ulElement.children[0].childElementCount > 0
-                    || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
+            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
+            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
                 //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)
                 this.mainList = this.ulElement;
@@ -2694,7 +2694,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.focusAtFirstListItem();
                 }
                 if (this.closePopupOnSelect) {
-                    this.hidePopup();
+                    this.hidePopup(e);
                 }
                 else {
                     e.preventDefault();
@@ -3547,6 +3547,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         return valuecheck;
     };
+    ;
     MultiSelect.prototype.addNonPresentItems = function (valuecheck, ulElement, list, event) {
         var _this = this;
         this.dataSource.executeQuery(this.getForQuery(valuecheck)).then(function (e) {
@@ -3554,6 +3555,7 @@ var MultiSelect = /** @class */ (function (_super) {
             _this.updateActionList(ulElement, list, event);
         });
     };
+    ;
     MultiSelect.prototype.updateVal = function (newProp, oldProp, prop) {
         if (!this.list) {
             this.onLoadSelect();
@@ -3566,7 +3568,7 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!isNullOrUndefined(this.value) && !this.allowCustomValue) {
                 valuecheck = this.presentItemValue(this.ulElement);
             }
-            if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
+            if (prop == 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
                 && this.listData != null) {
                 this.mainData = null;
                 this.setDynValue = true;
@@ -3620,7 +3622,7 @@ var MultiSelect = /** @class */ (function (_super) {
      *
      * @returns {void}
      */
-    MultiSelect.prototype.hidePopup = function () {
+    MultiSelect.prototype.hidePopup = function (e) {
         var _this = this;
         var delay = 100;
         if (this.isPopupOpen()) {
@@ -3629,7 +3631,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 duration: 100,
                 delay: delay ? delay : 0
             };
-            var eventArgs = { popup: this.popupObj, cancel: false, animation: animModel };
+            var eventArgs = { popup: this.popupObj, cancel: false, animation: animModel, event: e || null };
             this.trigger('close', eventArgs, function (eventArgs) {
                 if (!eventArgs.cancel) {
                     if (_this.fields.groupBy && _this.mode !== 'CheckBox' && _this.fixedHeaderElement) {

package/styles/auto-complete/_fusionnew-definition.scss

@@ -0,0 +1,2 @@
+//default 
+//enddefault

package/styles/auto-complete/_material3-definition.scss

@@ -0,0 +1,2 @@
+//default 
+//enddefault

package/styles/bootstrap-dark.css

@@ -2376,6 +2376,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2606,8 +2610,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2726,6 +2730,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2736,6 +2746,12 @@ ejs-listbox {
   margin-left: 15px;
 }
 
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2833,6 +2849,16 @@ ejs-listbox {
   height: calc(100% - 58px);
 }
 
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 106px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 54px);
@@ -2862,6 +2888,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 92px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #f0f0f0;

package/styles/bootstrap.css

@@ -2375,6 +2375,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2605,8 +2609,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2725,6 +2729,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2735,6 +2745,12 @@ ejs-listbox {
   margin-left: 15px;
 }
 
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2832,6 +2848,16 @@ ejs-listbox {
   height: calc(100% - 58px);
 }
 
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 106px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 54px);
@@ -2861,6 +2887,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 92px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: rgba(0, 0, 0, 0.75);

package/styles/bootstrap4.css

@@ -2558,6 +2558,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2788,8 +2792,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2908,6 +2912,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2924,6 +2934,12 @@ ejs-listbox {
 .e-listbox-container.e-bigger {
   font-size: 16px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -3059,6 +3075,16 @@ ejs-listbox {
   height: calc(100% - 46px);
 }
 
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 50px);
+}
+
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 44px);
@@ -3088,6 +3114,16 @@ ejs-listbox {
   height: calc(100% - 39px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 79px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #212529;

package/styles/bootstrap5-dark.css

@@ -2538,6 +2538,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2768,8 +2772,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2888,6 +2892,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ ejs-listbox {
   margin-left: 15px;
 }
 
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2995,6 +3011,16 @@ ejs-listbox {
   height: calc(100% - 55px);
 }
 
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
@@ -3024,6 +3050,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 86px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;

package/styles/bootstrap5.css

@@ -2538,6 +2538,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2768,8 +2772,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2888,6 +2892,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ ejs-listbox {
   margin-left: 15px;
 }
 
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2995,6 +3011,16 @@ ejs-listbox {
   height: calc(100% - 55px);
 }
 
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
@@ -3024,6 +3050,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 86px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;

package/styles/combo-box/_fusionnew-definition.scss

@@ -0,0 +1,2 @@
+//default 
+//enddefault

package/styles/combo-box/_material3-definition.scss

@@ -0,0 +1,2 @@
+//default 
+//enddefault