@syncfusion/ej2-angular-dropdowns 20.3.48-ngcc → 20.3.49-ngcc

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 ## [Unreleased]
 
+### ListBox
+
+#### Bug Fixes
+
+- `#I409839` - Issue with "Script error thrown while drag and drop after removed the item from listbox using removeItem method" has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- `#I409074` - The issue "Previous value not updated properly in change event argument when we clear the value" has been resolved.
+
+#### Bug fixes
+
+`#I403691` - The issue "duplicate value is added on the popup When we bind the complex object datasource dynamically" has been resolved.
+
+
+## 20.3.48 (2022-10-05)
+
 ### Mention
 
 #### Bug Fixes

package/dist/ej2-angular-dropdowns.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.js
-*  version : 20.3.48
+*  version : 20.3.49
 *  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/dist/ej2-angular-dropdowns.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.min.js
-*  version : 20.3.48
+*  version : 20.3.49
 *  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-angular-dropdowns@*",
-  "_id": "@syncfusion/ej2-angular-dropdowns@20.3.47",
+  "_id": "@syncfusion/ej2-angular-dropdowns@20.3.48",
   "_inBundle": false,
-  "_integrity": "sha512-a/mkjwZs4yxrz2eSxgiro47K6meN+9mA3rBHQaPJmx5xPCKtFYwod/qtEOvc+dy9DrG5rdf98+SBjEJTW7HXbQ==",
+  "_integrity": "sha512-JFIL4HAW3+/T4sKn7U3h5YdaYzPvIu+QHUKXaFHuIATj2sarn5S+dqufM37UpW8NgvSzH8tRPz5mRnJJzi7W3Q==",
   "_location": "/@syncfusion/ej2-angular-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.3.47.tgz",
-  "_shasum": "187de78e893537700504a07b102104174953b080",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.3.48.tgz",
+  "_shasum": "3f3f75989792e32cc75da29ba34e86119c712066",
   "_spec": "@syncfusion/ej2-angular-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~20.3.47",
-    "@syncfusion/ej2-base": "~20.3.48",
-    "@syncfusion/ej2-dropdowns": "20.3.48"
+    "@syncfusion/ej2-base": "~20.3.49",
+    "@syncfusion/ej2-dropdowns": "20.3.49"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components for Angular",
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-dropdowns.d.ts",
-  "version": "20.3.48-ngcc"
+  "version": "20.3.49-ngcc"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-dropdowns";
-export declare const pkgVer = "^20.3.47";
+export declare const pkgVer = "^20.3.48";
 export declare const moduleName = "DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule";
-export declare const themeVer = "~20.3.47";
+export declare const themeVer = "~20.3.48";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-dropdowns';
-exports.pkgVer = '^20.3.48';
+exports.pkgVer = '^20.3.49';
 exports.moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule';
-exports.themeVer = '~20.3.48';
+exports.themeVer = '~20.3.49';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-dropdowns';
-export const pkgVer = '^20.3.48';
+export const pkgVer = '^20.3.49';
 export const moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule';
-export const themeVer = '~20.3.48';
+export const themeVer = '~20.3.49';

package/styles/bootstrap-dark.css

@@ -1479,6 +1479,10 @@ ejs-dropdownlist {
   width: 30px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -2374,6 +2378,10 @@ ejs-multiselect {
   left: 8px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 8px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/bootstrap.css

@@ -1478,6 +1478,10 @@ ejs-dropdownlist {
   width: 30px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -2373,6 +2377,10 @@ ejs-multiselect {
   left: 8px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 8px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/bootstrap4.css

@@ -1289,7 +1289,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -1352,7 +1352,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e745";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -1361,7 +1361,7 @@ ejs-dropdownlist {
   content: "\e745";
   cursor: pointer;
   height: 10px;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -1617,8 +1617,12 @@ ejs-dropdownlist {
   float: right;
   font-family: "e-icons";
   height: 24px;
-  margin: 0 0 0;
-  width: 24px;
+  margin: 10px 10px 10px 0;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1633,7 +1637,7 @@ ejs-dropdownlist {
   position: absolute;
   right: 0;
   top: 100%;
-  width: 29px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -2050,7 +2054,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 18px;
-  width: 18px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -2083,7 +2087,8 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 24px;
-  width: 24px;
+  width: auto;
+  margin: 3px 10px 10px 0;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -2102,7 +2107,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.9em;
+  margin-top: -2.5em;
   right: 0;
 }
 
@@ -2546,7 +2551,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 5px;
   font-size: 8px;
 }
@@ -2555,6 +2560,10 @@ ejs-multiselect {
   left: 4px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 4px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 30px;
 }
@@ -2564,7 +2573,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 13px;
+  left: 0;
   top: 11px;
   font-size: 10px;
 }

package/styles/bootstrap5-dark.css

@@ -1605,6 +1605,10 @@ ejs-dropdownlist {
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2539,6 +2543,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/bootstrap5.css

@@ -1605,6 +1605,10 @@ ejs-dropdownlist {
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2539,6 +2543,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/fabric-dark.css

@@ -1191,7 +1191,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 8px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -1199,7 +1199,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -1446,8 +1446,12 @@ ejs-dropdownlist {
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 0;
-  width: 26px;
+  margin: 8px 8px 8px 8px;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1462,7 +1466,7 @@ ejs-dropdownlist {
   position: absolute;
   right: 0;
   top: 100%;
-  width: 30px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1876,7 +1880,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: 22px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -1895,7 +1899,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.8em;
+  margin-top: -3em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -1905,7 +1909,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: 26px;
+  width: auto;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -2353,6 +2357,10 @@ ejs-multiselect {
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: -35px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/fabric.css

@@ -1185,7 +1185,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 8px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -1193,7 +1193,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -1440,8 +1440,12 @@ ejs-dropdownlist {
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 0;
-  width: 26px;
+  margin: 8px 8px 8px 8px;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1456,7 +1460,7 @@ ejs-dropdownlist {
   position: absolute;
   right: 0;
   top: 100%;
-  width: 30px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1870,7 +1874,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: 22px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -1889,7 +1893,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.8em;
+  margin-top: -3em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -1899,7 +1903,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: 26px;
+  width: auto;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -2347,6 +2351,10 @@ ejs-multiselect {
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: -35px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/fluent-dark.css

@@ -1630,6 +1630,10 @@ ejs-dropdownlist {
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2591,7 +2595,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 2px;
   font-size: 8px;
 }
@@ -2600,6 +2604,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   left: -2px;
 }

package/styles/fluent.css

@@ -1630,6 +1630,10 @@ ejs-dropdownlist {
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2591,7 +2595,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 2px;
   font-size: 8px;
 }
@@ -2600,6 +2604,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   left: -2px;
 }

package/styles/highcontrast-light.css

@@ -1542,6 +1542,10 @@ ejs-dropdownlist {
   width: 26px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2460,6 +2464,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 7px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/highcontrast.css

@@ -1289,7 +1289,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 8px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -1297,7 +1297,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -1544,8 +1544,12 @@ ejs-dropdownlist {
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 0;
-  width: 26px;
+  margin: 10px 10px 10px 0;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -1560,7 +1564,7 @@ ejs-dropdownlist {
   position: absolute;
   right: 0;
   top: 100%;
-  width: 30px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -1981,7 +1985,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: 22px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -2000,7 +2004,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.9em;
+  margin-top: -3.2em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -2010,7 +2014,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: 26px;
+  width: auto;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -2029,7 +2033,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.2em;
+  margin-top: -3.4em;
   right: 0;
 }
 
@@ -2466,6 +2470,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: -35px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/material-dark.css

@@ -2347,6 +2347,10 @@ ejs-dropdownlist {
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -3739,6 +3743,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 24px;
 }

package/styles/material.css

@@ -2404,6 +2404,10 @@ ejs-dropdownlist {
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -3796,6 +3800,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 22px;
 }

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

@@ -322,6 +322,10 @@
   width: 30px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -1217,6 +1221,10 @@ ejs-multiselect {
   left: 8px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 8px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/multi-select/bootstrap.css

@@ -320,6 +320,10 @@
   width: 30px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -1215,6 +1219,10 @@ ejs-multiselect {
   left: 8px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 8px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/multi-select/bootstrap4.css

@@ -69,7 +69,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -132,7 +132,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e745";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -141,7 +141,7 @@
   content: "\e745";
   cursor: pointer;
   height: 10px;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -397,8 +397,12 @@
   float: right;
   font-family: "e-icons";
   height: 24px;
-  margin: 0 0 0;
-  width: 24px;
+  margin: 10px 10px 10px 0;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -413,7 +417,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: 29px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -830,7 +834,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 18px;
-  width: 18px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -863,7 +867,8 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 24px;
-  width: 24px;
+  width: auto;
+  margin: 3px 10px 10px 0;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -882,7 +887,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.9em;
+  margin-top: -2.5em;
   right: 0;
 }
 
@@ -1326,7 +1331,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 5px;
   font-size: 8px;
 }
@@ -1335,6 +1340,10 @@ ejs-multiselect {
   left: 4px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 4px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 30px;
 }
@@ -1344,7 +1353,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 13px;
+  left: 0;
   top: 11px;
   font-size: 10px;
 }

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

@@ -363,6 +363,10 @@
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1297,6 +1301,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/bootstrap5.css

@@ -363,6 +363,10 @@
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1297,6 +1301,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

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

@@ -56,7 +56,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 8px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -64,7 +64,7 @@
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -311,8 +311,12 @@
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 0;
-  width: 26px;
+  margin: 8px 8px 8px 8px;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -327,7 +331,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: 30px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -741,7 +745,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: 22px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -760,7 +764,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.8em;
+  margin-top: -3em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -770,7 +774,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: 26px;
+  width: auto;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -1218,6 +1222,10 @@ ejs-multiselect {
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: -35px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/fabric.css

@@ -56,7 +56,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 8px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -64,7 +64,7 @@
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -311,8 +311,12 @@
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 0;
-  width: 26px;
+  margin: 8px 8px 8px 8px;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -327,7 +331,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: 30px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -741,7 +745,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: 22px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -760,7 +764,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.8em;
+  margin-top: -3em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -770,7 +774,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: 26px;
+  width: auto;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -1218,6 +1222,10 @@ ejs-multiselect {
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: -35px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

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

@@ -385,6 +385,10 @@
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1346,7 +1350,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 2px;
   font-size: 8px;
 }
@@ -1355,6 +1359,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   left: -2px;
 }

package/styles/multi-select/fluent.css

@@ -385,6 +385,10 @@
   width: 14px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1346,7 +1350,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 2px;
   font-size: 8px;
 }
@@ -1355,6 +1359,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   left: -2px;
 }

package/styles/multi-select/highcontrast-light.css

@@ -409,6 +409,10 @@
   width: 26px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1327,6 +1331,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 7px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/highcontrast.css

@@ -152,7 +152,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 8px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -160,7 +160,7 @@
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -407,8 +407,12 @@
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 0;
-  width: 26px;
+  margin: 10px 10px 10px 0;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -423,7 +427,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: 30px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -844,7 +848,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: 22px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -863,7 +867,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.9em;
+  margin-top: -3.2em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -873,7 +877,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: 26px;
+  width: auto;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -892,7 +896,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.2em;
+  margin-top: -3.4em;
   right: 0;
 }
 
@@ -1329,6 +1333,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: 7px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: -35px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

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

@@ -861,6 +861,10 @@
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2253,6 +2257,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 24px;
 }

package/styles/multi-select/material.css

@@ -869,6 +869,10 @@
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2261,6 +2265,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 22px;
 }

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

@@ -370,6 +370,10 @@
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1291,6 +1295,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/tailwind.css

@@ -370,6 +370,10 @@
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1291,6 +1295,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/tailwind-dark.css

@@ -1629,6 +1629,10 @@ ejs-dropdownlist {
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2550,6 +2554,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/tailwind.css

@@ -1629,6 +1629,10 @@ ejs-dropdownlist {
   width: 16px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2550,6 +2554,10 @@ ejs-multiselect {
   left: 6px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 6px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }