@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35

package/styles/list-box/_theme.scss

@@ -1,3 +1,10 @@
+@mixin avatar {
+  height: $listbox-template-avatar-size;
+  left: $listbox-template-avatar-left;
+  position: absolute;
+  width: $listbox-template-avatar-size;
+}
+
 @include export-module('listbox-theme') {
   .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-small .e-listbox-container.e-filter-list .e-list-parent {
@@ -11,15 +18,15 @@
     height: $listbox-mat-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
   }
 
-  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+  .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
+  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
     height: 100%;
   }
 
   .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
-  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
-  }
-
+  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
   .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
     height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
   }
@@ -28,22 +35,11 @@
     height: $listbox-filter-height !important; /* stylelint-disable-line declaration-no-important */
   }
 
-  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-    height: $listbox-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
-  }
-  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-    height: 100%;
-  }
-
   .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
   .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
     height: $listbox-select-bigger-height !important; /* stylelint-disable-line declaration-no-important */
   }
 
-  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-    height: 100%;
-  }
-
   .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
     height: $listbox-filter-bigger-small-height !important; /* stylelint-disable-line declaration-no-important */
@@ -57,10 +53,6 @@
     height: $listbox-ej2-filterselect-bigger-height !important;/* stylelint-disable-line declaration-no-important */
   }
 
-  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-    height: 100%;
-  }
-
   .e-listbox-wrapper,
   .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
   .e-listboxtool-container.e-listbox-container .e-ul {
@@ -106,11 +98,11 @@
         height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
-      & .e-icons {
-        @if $skin-name != 'bootstrap5' {
-          color: $listbox-icon-color;
-        }
-      }
+      // & .e-icons {
+      //   @if $skin-name != 'bootstrap5' {
+      //     color: $listbox-icon-color;
+      //   }
+      // }
 
       & .e-list-item {
         background-color: $listbox-background;
@@ -128,18 +120,14 @@
         color: $listbox-text-hover-color;
       }
 
-      & .e-list-item.e-selected {
-        background-color: $listbox-item-active-bg;
-        color: $listbox-text-active-color;
-      }
-
       & .e-list-item.e-selected.e-checklist {
         background-color: $listbox-background;
         color: $listbox-text-color;
       }
 
       & .e-list-item.e-focused,
-      & .e-list-item.e-focused.e-selected.e-checklist {
+      & .e-list-item.e-focused.e-selected.e-checklist,
+      & .e-list-item.e-selected {
         background-color: $listbox-item-active-bg;
         color: $listbox-text-active-color;
       }
@@ -170,7 +158,6 @@
     }
 
     &.e-list-template {
-
       .e-list-wrapper {
         height: inherit;
         position: relative;
@@ -212,11 +199,8 @@
 
         &.e-list-avatar {
           .e-avatar {
-            height: $listbox-template-avatar-size;
+            @include avatar;
             left: $listbox-template-avatar-left;
-            position: absolute;
-            top: $listbox-template-avatar-top;
-            width: $listbox-template-avatar-size;
           }
         }
 
@@ -230,20 +214,12 @@
           padding-right: $listbox-template-avatar-rightposition-padding-right;
 
           .e-avatar {
-            height: $listbox-template-avatar-size;
-            position: absolute;
+            @include avatar;
             right: $listbox-template-avatar-rightposition-right;
-            top: $listbox-template-avatar-top;
-            width: $listbox-template-avatar-size;
-          }
-        }
-
-        &.e-list-multi-line.e-list-avatar {
-          .e-avatar {
-            top: $listbox-template-multiline-avatar-top;
           }
         }
 
+        &.e-list-multi-line.e-list-avatar,
         &.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) {
           .e-avatar {
             top: $listbox-template-multiline-avatar-top;
@@ -251,7 +227,6 @@
         }
 
         &.e-list-badge {
-
           .e-badge {
             font-size: $listbox-template-badge-font-size;
             height: $listbox-template-badge-height;
@@ -288,18 +263,12 @@
       }
 
       .e-list-item {
-        &.e-list-item:hover .e-list-item-header {
-          color: $listbox-text-hover-color;
-        }
-
+        &.e-list-item:hover .e-list-item-header,
         &.e-list-item:hover .e-list-content {
           color: $listbox-text-hover-color;
         }
 
-        &.e-selected .e-list-item-header {
-          color: $listbox-text-active-color;
-        }
-
+        &.e-selected .e-list-item-header,
         &.e-selected .e-list-content {
           color: $listbox-text-active-color;
         }
@@ -308,7 +277,6 @@
 
     &.e-rtl {
       &.e-list-template .e-list-wrapper {
-
         &.e-list-avatar {
           .e-avatar {
             left: inherit;
@@ -332,7 +300,6 @@
         }
 
         &.e-list-badge {
-
           .e-badge {
             left: $listbox-template-badge-right;
             right: inherit;
@@ -352,16 +319,20 @@
     }
   }
 
-  .e-listbox-container {
-    @at-root {
-      &.e-filter-list .e-list-parent {
-        height: 100%;
-      }
-
-      &.e-filter-list .e-selectall-parent + .e-list-parent {
-        height: 100%;
+  .e-listbox-wrapper.e-sortableclone,
+  .e-listbox-container.e-sortableclone {
+    @if $skin-name == 'fluent2' {
+      & .e-list-item {
+        background-color: $content-bg-color-alt3 !important; /* stylelint-disable-line declaration-no-important */
+        color: $content-text-color !important; /* stylelint-disable-line declaration-no-important */
       }
+    }
+  }
 
+  .e-listbox-container {
+    @at-root {
+      &.e-filter-list .e-list-parent,
+      &.e-filter-list .e-selectall-parent + .e-list-parent,
       & .e-selectall-parent + .e-list-parent {
         height: 100%;
       }

package/styles/list-box/bootstrap-dark.css

@@ -40,11 +40,13 @@
 .e-listbox-container,
 .e-listboxtool-wrapper {
   -webkit-overflow-scrolling: touch;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -52,7 +54,8 @@
 .e-listbox-wrapper *,
 .e-listbox-container *,
 .e-listboxtool-wrapper * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus,
@@ -112,9 +115,11 @@
   margin: 0;
   padding: 0;
 }
-.e-listbox-wrapper .e-list-header .e-text.header,
+.e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
 .e-listbox-container .e-list-header .e-text.header,
-.e-listboxtool-wrapper .e-list-header .e-text.header {
+.e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
+.e-listboxtool-wrapper .e-list-header .e-text.header,
+.e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
   display: none;
 }
 .e-listbox-wrapper .e-icon-back,
@@ -122,17 +127,14 @@
 .e-listboxtool-wrapper .e-icon-back {
   margin-top: -2px;
 }
-.e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
-.e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
-  display: none;
-}
 .e-listbox-wrapper .e-list-header,
 .e-listbox-container .e-list-header,
 .e-listboxtool-wrapper .e-list-header {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border-bottom: 1px solid;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-weight: bold;
@@ -174,7 +176,8 @@
   position: absolute;
   right: 0%;
   top: 50%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
 }
 .e-listbox-wrapper .e-text-content,
 .e-listbox-container .e-text-content,
@@ -230,18 +233,12 @@
   white-space: nowrap;
   width: 100%;
 }
-.e-listbox-wrapper .e-list-icon + .e-list-text,
+.e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
 .e-listbox-container .e-list-icon + .e-list-text,
-.e-listboxtool-wrapper .e-list-icon + .e-list-text {
-  width: calc(100% - 60px);
-}
-.e-listbox-wrapper .e-icon-wrapper .e-list-text,
 .e-listbox-container .e-icon-wrapper .e-list-text,
-.e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
-  width: calc(100% - 60px);
-}
-.e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
 .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
+.e-listboxtool-wrapper .e-list-icon + .e-list-text,
+.e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
 .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
   width: calc(100% - 60px);
 }
@@ -287,7 +284,8 @@
   left: 0%;
   right: initial;
   top: 50%;
-  transform: translateY(-50%) rotate(180deg);
+  -webkit-transform: translateY(-50%) rotate(180deg);
+          transform: translateY(-50%) rotate(180deg);
 }
 .e-listbox-wrapper.e-rtl .e-list-header .e-text,
 .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -297,7 +295,8 @@
 .e-listbox-wrapper.e-rtl .e-but-back,
 .e-listbox-container.e-rtl .e-but-back,
 .e-listboxtool-wrapper.e-rtl .e-but-back {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-listbox-wrapper.e-rtl .e-icon-back,
 .e-listbox-container.e-rtl .e-icon-back,
@@ -305,8 +304,11 @@
   margin-top: -1px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
+.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
 .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
-.e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
+.e-listbox-container.e-rtl .e-checkbox-wrapper,
+.e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
+.e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
   margin: -4px 0 0 10px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -314,11 +316,6 @@
 .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
   margin: -4px 10px 0 0;
 }
-.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
-.e-listbox-container.e-rtl .e-checkbox-wrapper,
-.e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
-  margin: -4px 0 0 10px;
-}
 .e-listbox-wrapper .e-checkbox-wrapper,
 .e-listbox-container .e-checkbox-wrapper,
 .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -363,10 +360,7 @@ ejs-listbox {
   display: block;
 }
 
-.e-listbox-wrapper:not(.e-listbox-container) {
-  overflow: auto;
-}
-
+.e-listbox-wrapper:not(.e-listbox-container),
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -381,6 +375,7 @@ ejs-listbox {
 .e-listbox-container.e-sortableclone .e-list-item,
 .e-listboxtool-wrapper.e-sortableclone .e-list-item {
   list-style-type: none;
+  height: 38px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper.e-sortableclone .e-ripple,
 .e-listbox-container.e-sortableclone .e-ripple,
@@ -395,18 +390,21 @@ ejs-listbox {
 .e-listbox-wrapper.e-sortableclone .e-list-badge,
 .e-listbox-container.e-sortableclone .e-list-badge,
 .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   background-color: #0070f0;
   border: 1px solid #fff;
   border-radius: 50%;
   color: #fff;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 12px;
   height: 22px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   position: absolute;
   right: -10px;
   top: -10px;
@@ -420,12 +418,14 @@ ejs-listbox {
 .e-listboxtool-wrapper,
 .e-listboxtool-container {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-listboxtool-wrapper *,
 .e-listboxtool-container * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-listboxtool-wrapper.e-disabled,
 .e-listboxtool-container.e-disabled {
@@ -433,9 +433,12 @@ ejs-listbox {
   pointer-events: none;
 }
 .e-listboxtool-wrapper .e-listbox-wrapper,
-.e-listboxtool-container .e-listbox-wrapper {
-  -ms-flex: 1;
-      flex: 1;
+.e-listboxtool-wrapper .e-list-wrap,
+.e-listboxtool-container .e-listbox-wrapper,
+.e-listboxtool-container .e-list-wrap {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
 .e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-listboxtool-container.e-right .e-listbox-tool {
@@ -535,22 +538,22 @@ ejs-listbox {
 .e-listbox-wrapper.e-bigger .e-list-header,
 .e-bigger .e-listbox-container .e-list-header,
 .e-listbox-container.e-bigger .e-list-header {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-weight: bold;
   height: 48px;
 }
 .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
-.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
-.e-bigger .e-listbox-container .e-list-header .e-text.header,
-.e-listbox-container.e-bigger .e-list-header .e-text.header {
-  display: none;
-}
 .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
+.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
 .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
+.e-bigger .e-listbox-container .e-list-header .e-text.header,
 .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
+.e-listbox-container.e-bigger .e-list-header .e-text.header,
 .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
   display: none;
 }
@@ -573,15 +576,15 @@ ejs-listbox {
   height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -590,23 +593,11 @@ ejs-listbox {
   height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
   height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
@@ -620,10 +611,6 @@ ejs-listbox {
   height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -663,12 +650,6 @@ ejs-listbox {
   height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-listbox-wrapper .e-icons,
-.e-listbox-container .e-icons,
-.e-listboxtool-wrapper .e-icons {
-  color: #f0f0f0;
-}
-
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item,
 .e-listboxtool-wrapper .e-list-item {
@@ -690,13 +671,6 @@ ejs-listbox {
   color: rgba(255, 255, 255, 0.87);
 }
 
-.e-listbox-wrapper .e-list-item.e-selected,
-.e-listbox-container .e-list-item.e-selected,
-.e-listboxtool-wrapper .e-list-item.e-selected {
-  background-color: #414141;
-  color: rgba(255, 255, 255, 0.87);
-}
-
 .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
 .e-listbox-container .e-list-item.e-selected.e-checklist,
 .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -704,11 +678,13 @@ ejs-listbox {
   color: #f0f0f0;
 }
 
-.e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
+.e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
 .e-listbox-container .e-list-item.e-focused,
 .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
+.e-listbox-container .e-list-item.e-selected,
 .e-listboxtool-wrapper .e-list-item.e-focused,
-.e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
+.e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
+.e-listboxtool-wrapper .e-list-item.e-selected {
   background-color: #414141;
   color: rgba(255, 255, 255, 0.87);
 }
@@ -798,8 +774,8 @@ ejs-listbox {
   height: 2.8571em;
   left: 1.0667em;
   position: absolute;
-  top: 0.7142em;
   width: 2.8571em;
+  left: 1.0667em;
 }
 .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -817,18 +793,15 @@ ejs-listbox {
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
   height: 2.8571em;
+  left: 1.0667em;
   position: absolute;
-  right: 1.0667em;
-  top: 0.7142em;
   width: 2.8571em;
+  right: 1.0667em;
 }
-.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
+.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
-.e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
-  top: 0.7142em;
-}
-.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
+.e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
 .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
   top: 0.7142em;
 }
@@ -842,7 +815,8 @@ ejs-listbox {
   position: absolute;
   right: 1em;
   top: 50%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
   width: 2em;
 }
 .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -867,23 +841,17 @@ ejs-listbox {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
+.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
-.e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
-  color: rgba(255, 255, 255, 0.87);
-}
-.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
+.e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
   color: rgba(255, 255, 255, 0.87);
 }
-.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
+.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
-.e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
-  color: rgba(255, 255, 255, 0.87);
-}
-.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
+.e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
   color: rgba(255, 255, 255, 0.87);
 }
@@ -930,15 +898,7 @@ ejs-listbox {
   padding-right: 1.0714em;
 }
 
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
-.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
-.e-listbox-container .e-selectall-parent + .e-list-parent {
+.e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
   height: 100%;
 }