@syncfusion/ej2-angular-dropdowns 20.4.54-ngcc → 21.1.35-ngcc

package/CHANGELOG.md

@@ -2,111 +2,23 @@
 
 ## [Unreleased]
 
-## 20.4.53 (2023-03-07)
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I429410` - The issue of facing a delay while unselecting large set of items using close icon in the Dropdown Tree component has been resolved.
-
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I439556`, `I442336` - The issue "Script error throws after clear the selected value using clear icon" has been resolved.
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#I440980` - Issue with "close event is triggered only once if args.cancel is set as true" has been resolved.
-
-## 20.4.49 (2023-02-07)
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I429410` - The issue of Select All/Unselect All taking an excessive amount of time and causing browser crashes in a Dropdown Tree with a large data source has been resolved.
-
-### Mention
-
-#### Bug Fixes
-
-- `#I428416` - Fixed issue where API call was not functioning correctly when typing the mention character.
-
-## 20.4.48 (2023-02-01)
-
-### DropDownList
-
-#### Bug Fixes
-
-- `#I429647` - Fixed an issue where a console error occurred while using the destroy method in the AutoComplete.
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#I412684` - Resolved the issue "No Records Found" message is not showing in  Dropdown Tree while updating null data dynamically.
-- `#I430152` - Facing a console error while setting empty data to the Dropdown Tree has been resolved.
-- `#I420146` - The Placeholder alignment issue while setting the Dropdown Tree component as form control is resolved
-
-### ListBox
-
-#### Bug Fixes
-
-- `#F38636` - Issue with "`selectItems` function doesn't work in listbox when values contain backslashes" has been resolved
-
-## 20.4.42 (2023-01-04)
-
-### Mention
-
-#### Bug Fixes
-
-- `#I422992` - Now, the `cssClass` property works fine in the Mention component.
-
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I423751` - The issue "MultiSelect height not being set properly in the tailwind theme" has been resolved.
-
-## 20.4.40 (2022-12-28)
-
-### Dropdown Tree
-
-#### Bug Fixes
-
-- `#F178650` - Resolved the error after perform filtering in Dropdown Tree while updating data dynamically
-
 ### ListBox
 
 #### Bug Fixes
 
-- `#F424252` - Issue with "Data source not update properly when we filtering and clicking move All button in listbox toolbar sample" has been resolved.
-- `#I423072` - Issue with "`actionBegin` event argument not passes the filtered item properly while filtering and clicking move All button in listbox toolbar sample" has been resolved.
-
-## 20.4.38 (2022-12-21)
-
-### Dropdown Tree
-
-#### New Features
-
-- `#I395558` - Provided enableHtmlSanitizer support for Dropdown Tree component.
-- `#F169154`, `#I424048` - Provided an option to prevent the parent node selection in the Dropdown Tree component.
+- `#I409839` - Issue with "Script error thrown while drag and drop after removed the item from listbox using removeItem method" has been resolved.
 
-### ListBox
+### DropDownList
 
 #### Bug Fixes
 
-- `#I409839` - Issue with "Script error thrown while drag and drop after removed the item from listbox using removeItem method" has been resolved.
+- `#I397894` - The issue "aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property" has been resolved.
 
-### DropDownList
+### ComboBox
 
 #### Bug Fixes
 
-- `#I397894` - The issue "aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property" has been resolved.
+- `#I435138` - Issue with "NVDA reader does not announces the aria-label text when added through Html Attribute" has been resolved.
 
 ## 20.3.47 (2022-09-29)
 
@@ -2194,46 +2106,6 @@ 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.
 
 
-## 20.4.51 (2023-02-21)
-
-### DropDownList
-
-#### Bug Fixes
-
-- `#I435114` - The issue "popup is not opening through keyboard action when dynamically changing the datasource value" has been resolved.
-
-## 20.4.52 (2023-02-28)
-
-### Mention
-
-#### Bug Fixes
-
-- `#I430690` - The issue "Mention popup doesn't flip out when there is no space at the bottom" has been resolved.
-
-## 20.4.50 (2023-02-14)
-
-### ComboBox
-
-#### Bug Fixes
-
-- `#I434123` - Issue with "NVDA reader does not read the selected value in the list" has been resolved.
-
-### MultiSelect
-
-#### Bug Fixes
-
-- `#I432789` - Resolved issue with top border is not visible when using floatLabelType as "Auto" or "Always" with cssClass as "e-outline".
-- `#I434089` - The issue "Placeholder overlaps with the selected data in the multiselect" has been resolved.
-- `#I435032` - Issue with "Selected Item overlapped with clear icon in the multiselect component" has been resolved.
-
-## 20.4.43 (2023-01-10)
-
-### DropDownList
-
-#### Bug Fixes
-
-- `#I397894` - The issue "aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property" has been resolved.
-
 ## 19.4.38 (2021-12-17)
 
 ### ComboBox

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-dropdowns.umd.js
-*  version : 20.4.54
+*  version : 21.1.35
 *  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.4.54
+*  version : 21.1.35
 *  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.4.53",
+  "_id": "@syncfusion/ej2-angular-dropdowns@18.58.20",
   "_inBundle": false,
-  "_integrity": "sha512-MqLCeU7RnL8GZhe4x583M0bo7vvm7chuEpJ5skT9SgZzvdpADrfWDg6rP9pXWlK2l28VXZ0qcJfHLLBoIied8g==",
+  "_integrity": "sha512-lEJwGoYoneatpSvvhTnzrw/5G6AoBsPG0jerjZrkJHiX1VBSG+uUf3l9FKXmBmgYICuNO0nBic9BHiPUx84jog==",
   "_location": "/@syncfusion/ej2-angular-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.4.53.tgz",
-  "_shasum": "f274d28e3946891db509921e33b559788995984e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-18.58.20.tgz",
+  "_shasum": "c18e3d84119a13bb5ca6fba9d73649feb7629a31",
   "_spec": "@syncfusion/ej2-angular-dropdowns@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.53",
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-dropdowns": "20.4.54"
+    "@syncfusion/ej2-angular-base": "~21.1.35",
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-dropdowns": "21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components for Angular",
@@ -63,5 +63,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-dropdowns.d.ts",
-  "version": "20.4.54-ngcc"
+  "version": "21.1.35-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.4.53";
+export declare const pkgVer = "^18.58.20";
 export declare const moduleName = "DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule";
-export declare const themeVer = "~20.4.53";
+export declare const themeVer = "~18.58.20";

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

package/schematics/utils/lib-details.ts

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

package/styles/bootstrap-dark.css

@@ -190,7 +190,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #2a2a2a;
   border-bottom: 1px;
   border-color: #6e6e6e;
   color: #f0f0f0;
@@ -200,11 +199,11 @@
   min-height: 26px;
   padding-right: 20px;
   text-indent: 20px;
+  background-color: #2a2a2a;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #2a2a2a;
   border-color: #6e6e6e;
   color: #3e98ff;
   font-family: inherit;
@@ -214,6 +213,7 @@
   min-height: 26px;
   padding-left: 20px;
   padding-right: 20px;
+  background-color: #2a2a2a;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -547,9 +547,6 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
-.e-popup-full-page .e-popup-full-page.e-ios {
-  position: fixed;
-}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -2457,10 +2454,6 @@ 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; /* stylelint-disable-line declaration-no-important */
-}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2827,12 +2820,6 @@ 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; /* stylelint-disable-line declaration-no-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,

package/styles/bootstrap.css

@@ -190,7 +190,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #fff;
   border-bottom: 1px;
   border-color: #fff;
   color: #333;
@@ -200,11 +199,11 @@
   min-height: 26px;
   padding-right: 20px;
   text-indent: 20px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #fff;
   border-color: #fff;
   color: #777;
   font-family: inherit;
@@ -214,6 +213,7 @@
   min-height: 26px;
   padding-left: 20px;
   padding-right: 20px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -547,9 +547,6 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
-.e-popup-full-page .e-popup-full-page.e-ios {
-  position: fixed;
-}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;

package/styles/bootstrap4.css

@@ -2,14 +2,6 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-content.e-dropdownbase {
-  padding: 8px 0;
-}
-
-.e-content.e-dropdownbase {
-  padding: 6px 0;
-}
-
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   font-size: 16px;
 }
@@ -208,7 +200,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #fff;
   border-bottom: 1px;
   border-color: #fff;
   color: #212529;
@@ -218,11 +209,11 @@
   min-height: 26px;
   padding-right: 24px;
   text-indent: 20px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #fff;
   border-color: #fff;
   color: #6c757d;
   font-family: inherit;
@@ -232,6 +223,7 @@
   min-height: 26px;
   padding-left: 20px;
   padding-right: 24px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -591,9 +583,6 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
-.e-popup-full-page .e-popup-full-page.e-ios {
-  position: fixed;
-}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -622,7 +611,7 @@
   border-top-width: 0;
   box-shadow: none;
   display: block;
-  padding: 0;
+  padding: 6px;
 }
 
 .e-ddl.e-input-group:not(.e-disabled) {

package/styles/bootstrap5-dark.css

@@ -217,7 +217,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #343a40;
   border-bottom: 0;
   border-color: #444c54;
   color: #fff;
@@ -227,11 +226,11 @@
   min-height: 30px;
   padding-right: 16px;
   text-indent: 12px;
+  background-color: #343a40;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #343a40;
   border-color: #444c54;
   color: #7b848d;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -241,6 +240,7 @@
   min-height: 30px;
   padding-left: 12px;
   padding-right: 16px;
+  background-color: #343a40;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -613,9 +613,6 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
-.e-popup-full-page .e-popup-full-page.e-ios {
-  position: fixed;
-}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1573,7 +1570,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
-  padding: 0 6px 0 0;
+  padding: 0 6px 1px 0;
   text-indent: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2114,7 +2111,7 @@ ejs-multiselect {
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
-  font-size: 13px;
+  font-size: 12px;
   line-height: 28px;
 }
 
@@ -2572,7 +2569,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
+  font-size: 12px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {

package/styles/bootstrap5.css

@@ -217,7 +217,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #fff;
   border-bottom: 0;
   border-color: #dee2e6;
   color: #212529;
@@ -227,11 +226,11 @@
   min-height: 30px;
   padding-right: 16px;
   text-indent: 12px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #fff;
   border-color: #dee2e6;
   color: #6c757d;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -241,6 +240,7 @@
   min-height: 30px;
   padding-left: 12px;
   padding-right: 16px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -613,9 +613,6 @@
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
-.e-popup-full-page .e-popup-full-page.e-ios {
-  position: fixed;
-}
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
@@ -1573,7 +1570,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
-  padding: 0 6px 0 0;
+  padding: 0 6px 1px 0;
   text-indent: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2114,7 +2111,7 @@ ejs-multiselect {
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
-  font-size: 13px;
+  font-size: 12px;
   line-height: 28px;
 }
 
@@ -2572,7 +2569,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
+  font-size: 12px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {

package/styles/drop-down-base/bootstrap-dark.css

@@ -190,7 +190,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #2a2a2a;
   border-bottom: 1px;
   border-color: #6e6e6e;
   color: #f0f0f0;
@@ -200,11 +199,11 @@
   min-height: 26px;
   padding-right: 20px;
   text-indent: 20px;
+  background-color: #2a2a2a;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #2a2a2a;
   border-color: #6e6e6e;
   color: #3e98ff;
   font-family: inherit;
@@ -214,6 +213,7 @@
   min-height: 26px;
   padding-left: 20px;
   padding-right: 20px;
+  background-color: #2a2a2a;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {

package/styles/drop-down-base/bootstrap.css

@@ -190,7 +190,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #fff;
   border-bottom: 1px;
   border-color: #fff;
   color: #333;
@@ -200,11 +199,11 @@
   min-height: 26px;
   padding-right: 20px;
   text-indent: 20px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #fff;
   border-color: #fff;
   color: #777;
   font-family: inherit;
@@ -214,6 +213,7 @@
   min-height: 26px;
   padding-left: 20px;
   padding-right: 20px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {

package/styles/drop-down-base/bootstrap4.css

@@ -2,14 +2,6 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-content.e-dropdownbase {
-  padding: 8px 0;
-}
-
-.e-content.e-dropdownbase {
-  padding: 6px 0;
-}
-
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   font-size: 16px;
 }
@@ -208,7 +200,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #fff;
   border-bottom: 1px;
   border-color: #fff;
   color: #212529;
@@ -218,11 +209,11 @@
   min-height: 26px;
   padding-right: 24px;
   text-indent: 20px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #fff;
   border-color: #fff;
   color: #6c757d;
   font-family: inherit;
@@ -232,6 +223,7 @@
   min-height: 26px;
   padding-left: 20px;
   padding-right: 24px;
+  background-color: #fff;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {

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

@@ -217,7 +217,6 @@
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
-  background-color: #343a40;
   border-bottom: 0;
   border-color: #444c54;
   color: #fff;
@@ -227,11 +226,11 @@
   min-height: 30px;
   padding-right: 16px;
   text-indent: 12px;
+  background-color: #343a40;
 }
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #343a40;
   border-color: #444c54;
   color: #7b848d;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -241,6 +240,7 @@
   min-height: 30px;
   padding-left: 12px;
   padding-right: 16px;
+  background-color: #343a40;
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {