@syncfusion/ej2-dropdowns 20.4.40 → 20.4.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.40
+*  version : 20.4.43
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@20.4.38",
+  "_id": "@syncfusion/ej2-dropdowns@20.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-rAiQm0Rcd5vCy3J2y8nEDrU0uB+utV3odQhDB2dfiSB3n9XOjhhojtBUZ9q0dv4DM9/Y5ouMdaz7H/aK299erw==",
+  "_integrity": "sha512-K7kdPh+RUfX2mhzlEg2+pu24HuKD3mLr3qzvVBdFCEKl6EJd1xo3orjax00IdaL5tjAwzvjgP7868ETkGpWeeg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.4.38.tgz",
-  "_shasum": "4be33a2afcb91461e4a7ccf53d2db9364f655411",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.4.42.tgz",
+  "_shasum": "de4ca30f6d67f9b773f17c06c91bec5ef4359af1",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.40",
-    "@syncfusion/ej2-data": "~20.4.40",
-    "@syncfusion/ej2-inputs": "~20.4.40",
-    "@syncfusion/ej2-lists": "~20.4.40",
-    "@syncfusion/ej2-navigations": "~20.4.40",
-    "@syncfusion/ej2-popups": "~20.4.40"
+    "@syncfusion/ej2-base": "~20.4.42",
+    "@syncfusion/ej2-data": "~20.4.42",
+    "@syncfusion/ej2-inputs": "~20.4.42",
+    "@syncfusion/ej2-lists": "~20.4.42",
+    "@syncfusion/ej2-navigations": "~20.4.43",
+    "@syncfusion/ej2-popups": "~20.4.43"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,7 +72,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.4.40",
+  "version": "20.4.43",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-base/drop-down-base.js

@@ -469,10 +469,10 @@ var DropDownBase = /** @class */ (function (_super) {
                                     _this.isDataFetched = true;
                                 }
                                 ulElement = _this.renderItems(listItems, fields);
+                                _this.onActionComplete(ulElement, listItems, e);
                                 if (_this.groupTemplate) {
                                     _this.renderGroupTemplate(ulElement);
                                 }
-                                _this.onActionComplete(ulElement, listItems, e);
                                 _this.isRequested = false;
                                 _this.bindChildItems(listItems, ulElement, fields, e);
                             }

package/src/drop-down-list/drop-down-list.js

@@ -1028,7 +1028,7 @@ var DropDownList = /** @class */ (function (_super) {
             this.setScrollPosition(e);
         }
         if (Browser.info.name !== 'mozilla') {
-            attributes(this.inputElement, { 'aria-label': this.inputElement.value });
+            attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
             if (this.targetElement()) {
                 attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
                 this.targetElement().removeAttribute('aria-live');

package/src/mention/mention.js

@@ -617,9 +617,18 @@ var Mention = /** @class */ (function (_super) {
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
-                var popupEle_1 = isNullOrUndefined(_this.target) ? _this.createElement('div', {
-                    id: _this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (_this.cssClass != null ? _this.cssClass : '')
-                }) : _this.element;
+                var popupEle_1;
+                if (isNullOrUndefined(_this.target)) {
+                    popupEle_1 = _this.createElement('div', {
+                        id: _this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (_this.cssClass != null ? _this.cssClass : '')
+                    });
+                }
+                else {
+                    popupEle_1 = _this.element;
+                    if (_this.cssClass != null) {
+                        addClass([popupEle_1], _this.cssClass.split(' '));
+                    }
+                }
                 if (!isNullOrUndefined(_this.target)) {
                     popupEle_1.id = _this.inputElement.id + '_popup';
                     addClass([popupEle_1], ['e-mention', 'e-popup', 'e-popup-close']);

package/src/multi-select/multi-select.d.ts

@@ -576,6 +576,8 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private selectAllEventEle;
     private filterParent;
     private removeIndex;
+    private resetMainList;
+    private resetFilteredData;
     private enableRTL;
     requiredModules(): ModuleDeclaration[];
     private updateHTMLAttribute;

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

@@ -102,6 +102,8 @@ var MultiSelect = /** @class */ (function (_super) {
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
+        _this.resetMainList = null;
+        _this.resetFilteredData = false;
         _this.scrollFocusStatus = false;
         _this.keyDownStatus = false;
         return _this;
@@ -848,6 +850,10 @@ var MultiSelect = /** @class */ (function (_super) {
             }
         }
         this.updateDataList();
+        if (this.resetMainList) {
+            this.mainList = this.resetMainList;
+            this.resetMainList = null;
+        }
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -2263,6 +2269,7 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.search = function (e) {
         var _this = this;
+        this.resetFilteredData = true;
         if (!isNullOrUndefined(e)) {
             this.keyCode = e.keyCode;
         }
@@ -3457,6 +3464,11 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.onPropertyChanged = function (newProp, oldProp) {
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))
             || newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
+            if (this.resetFilteredData) {
+                // The filtered data is not being reset in the component after the user focuses out.
+                this.resetMainList = !this.resetMainList ? this.mainList : this.resetMainList;
+                this.resetFilteredData = false;
+            }
             this.mainList = null;
             this.mainData = null;
             this.isFirstClick = false;

package/styles/bootstrap-dark.css

@@ -2188,6 +2188,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f0f0f0;
 }

package/styles/bootstrap.css

@@ -2187,6 +2187,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #333;
 }

package/styles/bootstrap4.css

@@ -2350,6 +2350,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/bootstrap5-dark.css

@@ -1630,7 +1630,7 @@ ejs-dropdownlist {
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  right: 40px;
+  right: 30px;
 }
 
 .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -1638,7 +1638,7 @@ ejs-dropdownlist {
 }
 
 .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  left: 40px;
+  left: 30px;
   right: auto;
 }
 
@@ -1847,7 +1847,7 @@ ejs-dropdownlist {
   padding: 12px 4px;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  left: 40px;
+  left: 30px;
   position: absolute;
   right: auto;
   left: 0;
@@ -2355,6 +2355,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/bootstrap5.css

@@ -1630,7 +1630,7 @@ ejs-dropdownlist {
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  right: 40px;
+  right: 30px;
 }
 
 .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -1638,7 +1638,7 @@ ejs-dropdownlist {
 }
 
 .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  left: 40px;
+  left: 30px;
   right: auto;
 }
 
@@ -1847,7 +1847,7 @@ ejs-dropdownlist {
   padding: 12px 4px;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  left: 40px;
+  left: 30px;
   position: absolute;
   right: auto;
   left: 0;
@@ -2355,6 +2355,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #212529;
 }

package/styles/fabric-dark.css

@@ -2167,6 +2167,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/fabric.css

@@ -2161,6 +2161,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #666;
 }

package/styles/fluent-dark.css

@@ -2395,6 +2395,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f3f2f1;
 }

package/styles/fluent.css

@@ -2395,6 +2395,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #201f1e;
 }

package/styles/highcontrast-light.css

@@ -2266,6 +2266,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/highcontrast.css

@@ -2272,6 +2272,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #000;
 }

package/styles/material-dark.css

@@ -3553,6 +3553,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/material.css

@@ -3610,6 +3610,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/multi-select/_bootstrap5-definition.scss

@@ -95,7 +95,7 @@ $ddl-check-right-margin: 8px !default;
 $ddl-bigger-check-right-margin: 12px !default;
 $ddl-selectall-font-size: 14px !default;
 $ddl-bigger-selectall-font-size: $text-base !default;
-$ddl-close-icon-left: 40px !default;
+$ddl-close-icon-left: 30px !default;
 $ddl-close-down-icon-left: 40px !default;
 $ddl-check-icon-top: 0 !default;
 $ddl-bigger-check-right: 16px !default;

package/styles/multi-select/_layout.scss

@@ -2004,3 +2004,13 @@ ejs-multiselect {
 .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
   margin-right: 0;
 }
+
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}

package/styles/multi-select/_tailwind-definition.scss

@@ -4,7 +4,7 @@ $ddl-delim-font-size: $text-sm !default;
 $ddl-rtl-wrapper: 0 2px 0 32px !default;
 $ddl-chip-mobile-bg: $primary !default;
 $ddl-search-wrapper-width: calc(100% - 32px) !default;
-$ddl-bigger-search-wrapper-width: calc(100% - 38px) !default;
+$ddl-bigger-search-wrapper-width: calc(100% - 50px) !default;
 $ddl-bigger-small-search-wrapper-width: calc(100% - 32px) !default;
 $ddl-small-search-wrapper-width: calc(100% - 30px) !default;
 $ddl-popup-shadow-value: $shadow-lg !default;

package/styles/multi-select/bootstrap-dark.css

@@ -1031,6 +1031,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f0f0f0;
 }

package/styles/multi-select/bootstrap.css

@@ -1029,6 +1029,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #333;
 }

package/styles/multi-select/bootstrap4.css

@@ -1130,6 +1130,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/multi-select/bootstrap5-dark.css

@@ -385,7 +385,7 @@
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  right: 40px;
+  right: 30px;
 }
 
 .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -393,7 +393,7 @@
 }
 
 .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  left: 40px;
+  left: 30px;
   right: auto;
 }
 
@@ -602,7 +602,7 @@
   padding: 12px 4px;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  left: 40px;
+  left: 30px;
   position: absolute;
   right: auto;
   left: 0;
@@ -1110,6 +1110,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/multi-select/bootstrap5.css

@@ -385,7 +385,7 @@
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  right: 40px;
+  right: 30px;
 }
 
 .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -393,7 +393,7 @@
 }
 
 .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  left: 40px;
+  left: 30px;
   right: auto;
 }
 
@@ -602,7 +602,7 @@
   padding: 12px 4px;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  left: 40px;
+  left: 30px;
   position: absolute;
   right: auto;
   left: 0;
@@ -1110,6 +1110,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #212529;
 }

package/styles/multi-select/fabric-dark.css

@@ -1032,6 +1032,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/multi-select/fabric.css

@@ -1032,6 +1032,16 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #666;
 }