@syncfusion/ej2-angular-dropdowns 19.4.40 → 19.4.48

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 19.4.42 (2022-01-11)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#FB31100` - Issue with "popup is not opened while changing the `popupHeight` dynamically in the `beforeOpen` event" has been resolved.
+
 ## 19.3.56 (2021-12-02)
 
 ### MultiSelect
@@ -2053,6 +2061,22 @@ DropDownList component contains a list of predefined values from which a single
 - **Accessibility** - Provided with built-in accessibility support which helps to access all the DropDownList component features through the keyboard, screen readers, or other assistive technology devices.
 
 
+## 19.4.41 (2022-01-04)
+
+### MultiSelect
+
+#### Bug Fixes
+
+- `#I358908` - Issue with "selected item color is not updated properly in the disabled state of the component" has been resolved.
+
+## 19.4.38 (2021-12-17)
+
+### ComboBox
+
+#### Bug Fixes
+
+- `#I347955` - Issue with "custom value is not updated to the input while typing the custom value and pressing the enter key" has been resolved.
+
 ## 19.2.57 (2021-08-24)
 
 ### MultiSelect

package/README.md

@@ -116,4 +116,4 @@ Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/
 ## 8. Change log 
  Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/dropdowns/CHANGELOG.md)
 
-© Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.js
-*  version : 19.4.40
+*  version : 19.4.48
 *  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 : 19.4.40
+*  version : 19.4.48
 *  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@19.3.56",
+  "_id": "@syncfusion/ej2-angular-dropdowns@19.4.47",
   "_inBundle": false,
-  "_integrity": "sha512-ED6C72aI4TMmVoy08ZqyQ23lhXVKt1reZzN24PRm7EPGVkIWwISeNE6ceG49R1R5PxuG6VGY7lieN+jxLprywg==",
+  "_integrity": "sha512-nDCTR1k4w5FgFTZQYrGpKX4y/LK1fhuTBN/LGTfYYH/5RXP804A9ci3sgtqk1G9JG02qdyLjJLT8NJ6G+FtoEQ==",
   "_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-19.3.56.tgz",
-  "_shasum": "b654dc917bc036229574890aa740e8f0c5689c53",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-19.4.47.tgz",
+  "_shasum": "4bcb96ff87dcf8061ad4e6121b1567770448eb84",
   "_spec": "@syncfusion/ej2-angular-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~19.4.40",
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-dropdowns": "19.4.40"
+    "@syncfusion/ej2-angular-base": "~19.4.48",
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-dropdowns": "19.4.48"
   },
   "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": "19.4.40"
+  "version": "19.4.48"
 }

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

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

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 = '^19.3.56';
+exports.pkgVer = '^19.4.47';
 exports.moduleName = 'DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule';
-exports.themeVer = '~19.3.56';
+exports.themeVer = '~19.4.47';

package/schematics/utils/lib-details.ts

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

package/styles/auto-complete/bootstrap5-dark.css

@@ -62,7 +62,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/auto-complete/bootstrap5.css

@@ -62,7 +62,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/bootstrap-dark.css

@@ -1339,11 +1339,13 @@ ejs-dropdownlist {
   padding: 13px 0 13px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1471,7 +1473,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 17px;
 }
 
@@ -2454,6 +2457,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #9c9c9c;
+  color: #9c9c9c;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3051,6 +3059,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 40px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 92px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #f0f0f0;

package/styles/bootstrap.css

@@ -1338,11 +1338,13 @@ ejs-dropdownlist {
   padding: 13px 0 13px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1470,7 +1472,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 16px;
 }
 
@@ -2453,6 +2456,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #999;
+  color: #999;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3050,6 +3058,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 40px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 92px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: rgba(0, 0, 0, 0.75);

package/styles/bootstrap4.css

@@ -1475,11 +1475,13 @@ ejs-dropdownlist {
   padding: 13px 0 13px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1609,7 +1611,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -2637,6 +2640,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #6c757d;
+  color: #6c757d;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e808';
 }
@@ -3283,6 +3291,16 @@ ejs-listbox {
   height: calc(100% - 39px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 40px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 79px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #212529;

package/styles/bootstrap5-dark.css

@@ -453,7 +453,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1137,8 +1136,16 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  bottom: 6px;
-  right: 33px;
+  bottom: auto;
+  right: 36px;
+}
+
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
+  bottom: 0;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -1152,8 +1159,7 @@ ejs-dropdownlist {
 .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
-  min-width: 0;
-  padding: 6px;
+  min-height: 36px;
 }
 
 .e-bigger .e-ddt.e-show-chip .e-chips-close,
@@ -1439,11 +1445,13 @@ ejs-dropdownlist {
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1573,7 +1581,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -2565,6 +2574,11 @@ ejs-multiselect {
   font-size: 14px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #e9ecef;
+  color: #e9ecef;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e776';
 }
@@ -3162,6 +3176,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 36px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 86px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;
@@ -3214,7 +3238,7 @@ ejs-listbox {
 .e-listbox-container .e-list-group-item {
   background-color: #343a40;
   border-color: rgba(0, 0, 0, 0.12);
-  color: #7b848d;
+  color: #000;
   font-size: 12px;
 }
 

package/styles/bootstrap5.css

@@ -453,7 +453,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1137,8 +1136,16 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  bottom: 6px;
-  right: 33px;
+  bottom: auto;
+  right: 36px;
+}
+
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
+  bottom: 0;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -1152,8 +1159,7 @@ ejs-dropdownlist {
 .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
-  min-width: 0;
-  padding: 6px;
+  min-height: 36px;
 }
 
 .e-bigger .e-ddt.e-show-chip .e-chips-close,
@@ -1439,11 +1445,13 @@ ejs-dropdownlist {
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1573,7 +1581,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -2565,6 +2574,11 @@ ejs-multiselect {
   font-size: 14px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #343a40;
+  color: #343a40;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e776';
 }
@@ -3162,6 +3176,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 36px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 86px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;
@@ -3214,7 +3238,7 @@ ejs-listbox {
 .e-listbox-container .e-list-group-item {
   background-color: #e9ecef;
   border-color: rgba(0, 0, 0, 0.12);
-  color: #6c757d;
+  color: #000;
   font-size: 12px;
 }
 

package/styles/combo-box/bootstrap5-dark.css

@@ -62,7 +62,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/combo-box/bootstrap5.css

@@ -62,7 +62,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/drop-down-list/bootstrap5-dark.css

@@ -119,7 +119,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/drop-down-list/bootstrap5.css

@@ -119,7 +119,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -402,8 +402,16 @@
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  bottom: 6px;
-  right: 33px;
+  bottom: auto;
+  right: 36px;
+}
+
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
+  bottom: 0;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -417,8 +425,7 @@
 .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
-  min-width: 0;
-  padding: 6px;
+  min-height: 36px;
 }
 
 .e-bigger .e-ddt.e-show-chip .e-chips-close,

package/styles/drop-down-tree/bootstrap5.css

@@ -402,8 +402,16 @@
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  bottom: 6px;
-  right: 33px;
+  bottom: auto;
+  right: 36px;
+}
+
+.e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-chip.e-show-dd-icon .e-clear-icon,
+.e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-chip.e-show-dd-icon .e-clear-icon {
+  bottom: 0;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
@@ -417,8 +425,7 @@
 .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
-  min-width: 0;
-  padding: 6px;
+  min-height: 36px;
 }
 
 .e-bigger .e-ddt.e-show-chip .e-chips-close,

package/styles/drop-down-tree/tailwind-dark.css

@@ -135,6 +135,7 @@
 }
 
 .e-ddt.e-show-chip .e-chips-close {
+  line-height: 10px;
   min-height: 16px;
   min-width: 16px;
   text-align: center;

package/styles/drop-down-tree/tailwind.css

@@ -135,6 +135,7 @@
 }
 
 .e-ddt.e-show-chip .e-chips-close {
+  line-height: 10px;
   min-height: 16px;
   min-width: 16px;
   text-align: center;