@syncfusion/ej2-angular-dropdowns 20.4.54 → 21.1.35

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-dropdowns@*",
-  "_id": "@syncfusion/ej2-angular-dropdowns@20.4.51",
+  "_id": "@syncfusion/ej2-angular-dropdowns@18.58.20",
   "_inBundle": false,
-  "_integrity": "sha512-lSp1Ok9/8NOEibJ/HtWbDyGBv0c2xOYkP+4tjHQtwLUxGVtktIQjXXOqrJARlC8Xvb+iUH4/Y5W42zgVNJcUjQ==",
+  "_integrity": "sha512-V8JEVOQniPPK0KNuYGiHIKaYWVBpNf0xOVFTXUp/rLSm3vcZq5usC4JFmKcGChVeJgU11ln1wX7BcSYuD0CtyQ==",
   "_location": "/@syncfusion/ej2-angular-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-20.4.51.tgz",
-  "_shasum": "cde7ed2daa4cea291108bcd9f2f361f77612aca4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-release/@syncfusion/ej2-angular-dropdowns/-/ej2-angular-dropdowns-18.58.20.tgz",
+  "_shasum": "8d759c43beae6f34db01a2e57662b9b20d0e5020",
   "_spec": "@syncfusion/ej2-angular-dropdowns@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/ivypackages/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",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -77,5 +77,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-dropdowns.d.ts",
-  "version": "20.4.54"
+  "version": "21.1.35"
 }

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.51";
+export declare const pkgVer = "^18.58.20";
 export declare const moduleName = "DropDownListModule, ComboBoxModule, AutoCompleteModule, MultiSelectModule, ListBoxModule, DropDownTreeModule, MentionModule";
-export declare const themeVer = "~20.4.51";
+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/_bootstrap4-definition.scss

@@ -69,14 +69,6 @@ $ddl-group-list-item-text-intent: 0 !default;
     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;
   }

package/styles/drop-down-base/_bootstrap5-definition.scss

@@ -28,14 +28,14 @@ $ddl-list-header-font-size: $text-sm !default;
 
 // Small Size
 
-$ddl-small-icon-font-size: 14px !default;
+$ddl-small-icon-font-size: $font-icon-14 !default;
 $ddl-small-line-height: 26px !default;
 $ddl-small-list-text-indent: 8px !default;
 $ddl-small-list-header-font-size: $text-xxs !default;
 
 // Touch Small
 
-$ddl-bigger-small-icon-font-size: 18px !default;
+$ddl-bigger-small-icon-font-size: $font-icon-18 !default;
 $ddl-bigger-small-line-height: 30px !default;
 $ddl-bigger-small-list-text-indent: 16px !default;
 $ddl-bigger-text-indent: 16px !default;

package/styles/drop-down-base/_fluent-definition.scss

@@ -31,14 +31,14 @@ $ddl-bigger-small-list-nodata-font-size: $text-sm;
 
 // Small Size
 
-$ddl-small-icon-font-size: 14px !default;
+$ddl-small-icon-font-size: $font-icon-14 !default;
 $ddl-small-line-height: 26px !default;
 $ddl-small-list-text-indent: 8px !default;
 $ddl-small-list-header-font-size: $text-xxs !default;
 
 // Touch Small
 
-$ddl-bigger-small-icon-font-size: 18px !default;
+$ddl-bigger-small-icon-font-size: $font-icon-18 !default;
 $ddl-bigger-small-line-height: 30px !default;
 $ddl-bigger-small-list-text-indent: 8px !default;
 $ddl-bigger-text-indent: 8px !default;

package/styles/drop-down-base/_tailwind-definition.scss

@@ -32,14 +32,14 @@ $ddl-bigger-small-list-nodata-font-size: $text-sm !default;
 
 // Small Size
 
-$ddl-small-icon-font-size: 14px !default;
+$ddl-small-icon-font-size: $font-icon-14 !default;
 $ddl-small-line-height: 24px !default;
 $ddl-small-list-text-indent: 8px !default;
 $ddl-small-list-header-font-size: $text-xxs !default;
 
 // Touch Small
 
-$ddl-bigger-small-icon-font-size: 18px !default;
+$ddl-bigger-small-icon-font-size: $font-icon-18 !default;
 $ddl-bigger-small-line-height: 32px !default;
 $ddl-bigger-small-list-text-indent: 14px !default;
 $ddl-bigger-small-list-header-font-size: $text-xs !default;

package/styles/drop-down-base/_theme.scss

@@ -98,11 +98,13 @@
 
   .e-dropdownbase {
     border-color: $ddl-list-border-color;
+    @if $skin-name == 'Material3' {
+      background: $ddl-list-bg-color;
+    }
     @at-root {
       #{if(&, '&', '*')} .e-list-item {
         /* stylelint-disable property-no-vendor-prefix */
         -webkit-tap-highlight-color: $ddl-list-tap-color;
-        background-color: $ddl-list-bg-color;
         border-bottom: $ddl-list-bottom-border;
         border-color: $ddl-list-gradient-color;
         color: $ddl-list-default-font-color;
@@ -112,11 +114,16 @@
         min-height: $ddl-list-line-height;
         padding-right: $ddl-list-padding-right;
         text-indent: $ddl-list-text-indent;
+        @if $skin-name == 'Material3' {
+          background: $ddl-list-bg-color;
+        }
+        @if $skin-name != 'Material3' {
+          background-color: $ddl-list-bg-color;
+        }
       }
 
       #{if(&, '&', '*')} .e-list-group-item,
       .e-fixed-head {
-        background-color: $ddl-list-bg-color;
         border-color: $ddl-list-gradient-color;
         color: $ddl-list-header-font-color;
         font-family: $ddl-list-font-family;
@@ -126,17 +133,33 @@
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        @if $skin-name == 'Material3' {
+          background: $ddl-list-bg-color;
+        }
+        @if $skin-name != 'Material3' {
+          background-color: $ddl-list-bg-color;
+        }
       }
 
       #{if(&, '&', '*')} .e-list-item.e-active,
       #{if(&, '&', '*')} .e-list-item.e-active.e-hover {
-        background-color: $ddl-list-active-bg-color;
+        @if $skin-name == 'Material3' {
+          background: $ddl-list-active-bg-color;
+        }
+        @if $skin-name != 'Material3' {
+          background-color: $ddl-list-active-bg-color;
+        }
         border-color: $ddl-list-active-border-color;
         color: $ddl-list-active-font-color;
       }
 
       #{if(&, '&', '*')} .e-list-item.e-hover {
-        background-color: $ddl-list-hover-bg-color;
+        @if $skin-name == 'Material3' {
+          background: $ddl-list-hover-bg-color;
+        }
+        @if $skin-name != 'Material3' {
+          background-color: $ddl-list-hover-bg-color;
+        }
         border-color: $ddl-list-hover-border-color;
         color: $ddl-list-hover-font-color;
       }
@@ -146,7 +169,12 @@
       }
 
       #{if(&, '&', '*')} .e-list-item.e-item-focus {
-        background-color: $ddl-list-hover-bg-color;
+        @if $skin-name == 'Material3' {
+          background: $ddl-list-focus-bg-color;
+        }
+        @if $skin-name != 'Material3' {
+          background-color: $ddl-list-hover-bg-color;
+        }
       }
 
       #{if(&, '&', '*')} .e-list-item.e-active:last-child {
@@ -188,7 +216,12 @@
   }
 
   .e-multi-column#{&}.e-ddl#{&}.e-popup#{&}.e-popup-open .e-ddl-header {
-    background-color: $ddl-list-bg-color;
+    @if $skin-name == 'Material3' {
+      background: $ddl-list-bg-color;
+    }
+    @if $skin-name != 'Material3' {
+      background-color: $ddl-list-bg-color;
+    }
     border-color: $ddl-multi-column-border-color;
     border-style: solid;
     border-width: $ddl-multi-column-border-width;
@@ -285,7 +318,12 @@
   }
 
   .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
-    background-color: $ddl-list-bg-color;
+    @if $skin-name == 'Material3' {
+      background: $ddl-list-bg-color;
+    }
+    @if $skin-name != 'Material3' {
+      background-color: $ddl-list-bg-color;
+    }
     border-bottom: $ddl-list-bottom-border;
     border-color: $ddl-list-gradient-color;
     color: $ddl-list-default-font-color;
@@ -301,18 +339,33 @@
   }
 
   .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-    background-color: $ddl-list-hover-bg-color;
+    @if $skin-name == 'Material3' {
+      background: $ddl-list-hover-bg-color;
+    }
+    @if $skin-name != 'Material3' {
+      background-color: $ddl-list-hover-bg-color;
+    }
   }
 
   .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
   .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
-    background-color: $ddl-list-active-bg-color;
+    @if $skin-name == 'Material3' {
+      background: $ddl-list-active-bg-color;
+    }
+    @if $skin-name != 'Material3' {
+      background-color: $ddl-list-active-bg-color;
+    }
     border-color: $ddl-list-active-border-color;
     color: $ddl-list-active-font-color;
   }
 
   .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-    background-color: $ddl-list-hover-bg-color;
+    @if $skin-name == 'Material3' {
+      background: $ddl-list-hover-bg-color;
+    }
+    @if $skin-name != 'Material3' {
+      background-color: $ddl-list-hover-bg-color;
+    }
     border-color: $ddl-list-hover-border-color;
     color: $ddl-list-hover-font-color;
     @if $skin-name == 'FluentUI' {

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 {