@syncfusion/ej2-angular-dropdowns 20.1.61 → 20.2.36-ngcc

package/schematics/generators/multiselect-template-driven/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "multiselect-template-driven",
+  "$id": "EJ2SchemaTemplateID",
   "title": "multiselect-template-driven",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "multiselect-template-driven"
 }

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

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

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

package/schematics/utils/lib-details.ts

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

package/styles/bootstrap-dark.css

@@ -2376,6 +2376,10 @@ 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;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2606,8 +2610,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2726,6 +2730,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2736,6 +2746,12 @@ 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;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2833,6 +2849,16 @@ ejs-listbox {
   height: calc(100% - 58px);
 }
 
+.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% - 106px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
 .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-parent {
   height: calc(100% - 54px);
@@ -2862,6 +2888,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 92px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #f0f0f0;

package/styles/bootstrap.css

@@ -2375,6 +2375,10 @@ 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;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2605,8 +2609,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2725,6 +2729,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2735,6 +2745,12 @@ 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;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2832,6 +2848,16 @@ ejs-listbox {
   height: calc(100% - 58px);
 }
 
+.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% - 106px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
 .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-parent {
   height: calc(100% - 54px);
@@ -2861,6 +2887,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 92px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: rgba(0, 0, 0, 0.75);

package/styles/bootstrap4.css

@@ -2558,6 +2558,10 @@ 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;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2788,8 +2792,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2908,6 +2912,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2924,6 +2934,12 @@ ejs-listbox {
 .e-listbox-container.e-bigger {
   font-size: 16px;
 }
+.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;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -3059,6 +3075,16 @@ ejs-listbox {
   height: calc(100% - 46px);
 }
 
+.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% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 50px);
+}
+
 .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-parent {
   height: calc(100% - 44px);
@@ -3088,6 +3114,16 @@ ejs-listbox {
   height: calc(100% - 39px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 79px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #212529;

package/styles/bootstrap5-dark.css

@@ -2538,6 +2538,10 @@ 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: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2768,8 +2772,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2888,6 +2892,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ 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: 80% !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,
@@ -2995,6 +3011,16 @@ ejs-listbox {
   height: calc(100% - 55px);
 }
 
+.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% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .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-parent {
   height: calc(100% - 45px);
@@ -3024,6 +3050,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 86px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;

package/styles/bootstrap5.css

@@ -2538,6 +2538,10 @@ 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: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2768,8 +2772,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2888,6 +2892,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2898,6 +2908,12 @@ 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: 80% !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,
@@ -2995,6 +3011,16 @@ ejs-listbox {
   height: calc(100% - 55px);
 }
 
+.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% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
+}
+
 .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-parent {
   height: calc(100% - 45px);
@@ -3024,6 +3050,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 86px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;

package/styles/fabric-dark.css

@@ -2355,6 +2355,10 @@ 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;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2585,8 +2589,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2705,6 +2709,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2715,6 +2725,12 @@ 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: 83% !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,
@@ -2812,6 +2828,16 @@ ejs-listbox {
   height: calc(100% - 59px);
 }
 
+.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% - 104px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 45px);
+}
+
 .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-parent {
   height: calc(100% - 55px);
@@ -2841,6 +2867,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 87px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #dadada;

package/styles/fabric.css

@@ -2349,6 +2349,10 @@ 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;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2579,8 +2583,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2699,6 +2703,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2709,6 +2719,12 @@ 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: 83% !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,
@@ -2806,6 +2822,16 @@ ejs-listbox {
   height: calc(100% - 59px);
 }
 
+.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% - 104px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 45px);
+}
+
 .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-parent {
   height: calc(100% - 55px);
@@ -2835,6 +2861,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 87px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #333;

package/styles/fluent-dark.css

@@ -2608,6 +2608,10 @@ 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: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2838,8 +2842,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2958,6 +2962,12 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2968,6 +2978,12 @@ 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: 80% !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,
@@ -3065,6 +3081,16 @@ ejs-listbox {
   height: calc(100% - 55px);
 }
 
+.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% - 113px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
 .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-parent {
   height: calc(100% - 45px);
@@ -3094,6 +3120,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 93px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 36px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #a19f9d;