@syncfusion/ej2-dropdowns 22.2.12 → 23.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (264) hide show
  1. package/.eslintrc.json +260 -0
  2. package/CHANGELOG.md +4 -209
  3. package/dist/ej2-dropdowns.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js +3 -3
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +1149 -70
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +1203 -66
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +3 -3
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +2 -2
  13. package/package.json +13 -12
  14. package/src/auto-complete/auto-complete.js +40 -2
  15. package/src/combo-box/combo-box.js +9 -3
  16. package/src/common/index.d.ts +2 -0
  17. package/src/common/index.js +1 -0
  18. package/src/common/interface.d.ts +76 -0
  19. package/src/common/interface.js +1 -0
  20. package/src/common/virtual-scroll.d.ts +62 -0
  21. package/src/common/virtual-scroll.js +379 -0
  22. package/src/drop-down-base/drop-down-base.d.ts +10 -4
  23. package/src/drop-down-base/drop-down-base.js +72 -8
  24. package/src/drop-down-list/drop-down-list-model.d.ts +8 -1
  25. package/src/drop-down-list/drop-down-list.d.ts +56 -1
  26. package/src/drop-down-list/drop-down-list.js +661 -40
  27. package/src/drop-down-list/index.d.ts +1 -0
  28. package/src/drop-down-list/index.js +1 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  30. package/src/global.js +3 -0
  31. package/src/mention/mention.js +8 -1
  32. package/src/multi-select/checkbox-selection.js +1 -1
  33. package/src/multi-select/multi-select.d.ts +1 -0
  34. package/src/multi-select/multi-select.js +36 -9
  35. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  36. package/styles/auto-complete/bootstrap.scss +1 -1
  37. package/styles/auto-complete/bootstrap4.scss +1 -1
  38. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  39. package/styles/auto-complete/bootstrap5.scss +1 -1
  40. package/styles/auto-complete/fabric-dark.scss +1 -1
  41. package/styles/auto-complete/fabric.scss +1 -1
  42. package/styles/auto-complete/fluent-dark.scss +1 -1
  43. package/styles/auto-complete/fluent.scss +1 -1
  44. package/styles/auto-complete/highcontrast-light.scss +1 -1
  45. package/styles/auto-complete/highcontrast.scss +1 -1
  46. package/styles/auto-complete/material-dark.css +0 -1
  47. package/styles/auto-complete/material-dark.scss +1 -1
  48. package/styles/auto-complete/material.css +0 -1
  49. package/styles/auto-complete/material.scss +1 -1
  50. package/styles/auto-complete/material3-dark.css +0 -1
  51. package/styles/auto-complete/material3-dark.scss +1 -1
  52. package/styles/auto-complete/material3.css +0 -1
  53. package/styles/auto-complete/material3.scss +1 -1
  54. package/styles/auto-complete/tailwind-dark.css +0 -1
  55. package/styles/auto-complete/tailwind-dark.scss +1 -1
  56. package/styles/auto-complete/tailwind.css +0 -1
  57. package/styles/auto-complete/tailwind.scss +1 -1
  58. package/styles/bootstrap-dark.css +70 -15
  59. package/styles/bootstrap.css +70 -15
  60. package/styles/bootstrap4.css +71 -16
  61. package/styles/bootstrap5-dark.css +71 -16
  62. package/styles/bootstrap5.css +71 -16
  63. package/styles/combo-box/bootstrap-dark.scss +1 -1
  64. package/styles/combo-box/bootstrap.scss +1 -1
  65. package/styles/combo-box/bootstrap4.scss +1 -1
  66. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  67. package/styles/combo-box/bootstrap5.scss +1 -1
  68. package/styles/combo-box/fabric-dark.scss +1 -1
  69. package/styles/combo-box/fabric.scss +1 -1
  70. package/styles/combo-box/fluent-dark.scss +1 -1
  71. package/styles/combo-box/fluent.scss +1 -1
  72. package/styles/combo-box/highcontrast-light.scss +1 -1
  73. package/styles/combo-box/highcontrast.scss +1 -1
  74. package/styles/combo-box/material-dark.css +0 -1
  75. package/styles/combo-box/material-dark.scss +1 -1
  76. package/styles/combo-box/material.css +0 -1
  77. package/styles/combo-box/material.scss +1 -1
  78. package/styles/combo-box/material3-dark.css +0 -1
  79. package/styles/combo-box/material3-dark.scss +1 -1
  80. package/styles/combo-box/material3.css +0 -1
  81. package/styles/combo-box/material3.scss +1 -1
  82. package/styles/combo-box/tailwind-dark.css +0 -1
  83. package/styles/combo-box/tailwind-dark.scss +1 -1
  84. package/styles/combo-box/tailwind.css +0 -1
  85. package/styles/combo-box/tailwind.scss +1 -1
  86. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  87. package/styles/drop-down-base/bootstrap.scss +1 -1
  88. package/styles/drop-down-base/bootstrap4.scss +1 -1
  89. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  90. package/styles/drop-down-base/bootstrap5.scss +1 -1
  91. package/styles/drop-down-base/fabric-dark.scss +1 -1
  92. package/styles/drop-down-base/fabric.scss +1 -1
  93. package/styles/drop-down-base/fluent-dark.scss +1 -1
  94. package/styles/drop-down-base/fluent.scss +1 -1
  95. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  96. package/styles/drop-down-base/highcontrast.scss +1 -1
  97. package/styles/drop-down-base/material-dark.css +0 -1
  98. package/styles/drop-down-base/material-dark.scss +1 -1
  99. package/styles/drop-down-base/material.css +0 -1
  100. package/styles/drop-down-base/material.scss +1 -1
  101. package/styles/drop-down-base/material3-dark.css +0 -1
  102. package/styles/drop-down-base/material3-dark.scss +1 -1
  103. package/styles/drop-down-base/material3.css +0 -1
  104. package/styles/drop-down-base/material3.scss +1 -1
  105. package/styles/drop-down-base/tailwind-dark.css +0 -1
  106. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  107. package/styles/drop-down-base/tailwind.css +0 -1
  108. package/styles/drop-down-base/tailwind.scss +1 -1
  109. package/styles/drop-down-list/bootstrap-dark.scss +2 -1
  110. package/styles/drop-down-list/bootstrap.scss +2 -1
  111. package/styles/drop-down-list/bootstrap4.scss +2 -1
  112. package/styles/drop-down-list/bootstrap5-dark.scss +2 -1
  113. package/styles/drop-down-list/bootstrap5.scss +2 -1
  114. package/styles/drop-down-list/fabric-dark.scss +2 -1
  115. package/styles/drop-down-list/fabric.scss +2 -1
  116. package/styles/drop-down-list/fluent-dark.scss +2 -1
  117. package/styles/drop-down-list/fluent.scss +2 -1
  118. package/styles/drop-down-list/highcontrast-light.scss +2 -1
  119. package/styles/drop-down-list/highcontrast.scss +2 -1
  120. package/styles/drop-down-list/material-dark.css +0 -1
  121. package/styles/drop-down-list/material-dark.scss +2 -1
  122. package/styles/drop-down-list/material.css +0 -1
  123. package/styles/drop-down-list/material.scss +2 -1
  124. package/styles/drop-down-list/material3-dark.css +0 -1
  125. package/styles/drop-down-list/material3-dark.scss +2 -1
  126. package/styles/drop-down-list/material3.css +0 -1
  127. package/styles/drop-down-list/material3.scss +2 -1
  128. package/styles/drop-down-list/tailwind-dark.css +0 -1
  129. package/styles/drop-down-list/tailwind-dark.scss +2 -1
  130. package/styles/drop-down-list/tailwind.css +0 -1
  131. package/styles/drop-down-list/tailwind.scss +2 -1
  132. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  133. package/styles/drop-down-tree/bootstrap.scss +1 -1
  134. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  135. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  136. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  137. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  138. package/styles/drop-down-tree/fabric.scss +1 -1
  139. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  140. package/styles/drop-down-tree/fluent.scss +1 -1
  141. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  142. package/styles/drop-down-tree/highcontrast.scss +1 -1
  143. package/styles/drop-down-tree/material-dark.css +0 -1
  144. package/styles/drop-down-tree/material-dark.scss +1 -1
  145. package/styles/drop-down-tree/material.css +0 -1
  146. package/styles/drop-down-tree/material.scss +1 -1
  147. package/styles/drop-down-tree/material3-dark.css +0 -1
  148. package/styles/drop-down-tree/material3-dark.scss +1 -1
  149. package/styles/drop-down-tree/material3.css +0 -1
  150. package/styles/drop-down-tree/material3.scss +1 -1
  151. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  152. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  153. package/styles/drop-down-tree/tailwind.css +0 -1
  154. package/styles/drop-down-tree/tailwind.scss +1 -1
  155. package/styles/fabric-dark.css +70 -15
  156. package/styles/fabric.css +70 -15
  157. package/styles/fluent-dark.css +71 -16
  158. package/styles/fluent.css +71 -16
  159. package/styles/highcontrast-light.css +70 -15
  160. package/styles/highcontrast.css +70 -15
  161. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  162. package/styles/list-box/_bootstrap-definition.scss +7 -3
  163. package/styles/list-box/_bootstrap4-definition.scss +10 -6
  164. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  165. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  166. package/styles/list-box/_fabric-definition.scss +6 -2
  167. package/styles/list-box/_fluent-definition.scss +10 -8
  168. package/styles/list-box/_highcontrast-definition.scss +6 -2
  169. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  170. package/styles/list-box/_layout.scss +0 -6
  171. package/styles/list-box/_material-dark-definition.scss +8 -4
  172. package/styles/list-box/_material-definition.scss +8 -4
  173. package/styles/list-box/_material3-definition.scss +10 -8
  174. package/styles/list-box/_tailwind-definition.scss +9 -7
  175. package/styles/list-box/_theme.scss +72 -7
  176. package/styles/list-box/bootstrap-dark.css +70 -15
  177. package/styles/list-box/bootstrap-dark.scss +1 -1
  178. package/styles/list-box/bootstrap.css +70 -15
  179. package/styles/list-box/bootstrap.scss +1 -1
  180. package/styles/list-box/bootstrap4.css +71 -16
  181. package/styles/list-box/bootstrap4.scss +1 -1
  182. package/styles/list-box/bootstrap5-dark.css +71 -16
  183. package/styles/list-box/bootstrap5-dark.scss +1 -1
  184. package/styles/list-box/bootstrap5.css +71 -16
  185. package/styles/list-box/bootstrap5.scss +1 -1
  186. package/styles/list-box/fabric-dark.css +70 -15
  187. package/styles/list-box/fabric-dark.scss +1 -1
  188. package/styles/list-box/fabric.css +70 -15
  189. package/styles/list-box/fabric.scss +1 -1
  190. package/styles/list-box/fluent-dark.css +71 -16
  191. package/styles/list-box/fluent-dark.scss +1 -1
  192. package/styles/list-box/fluent.css +71 -16
  193. package/styles/list-box/fluent.scss +1 -1
  194. package/styles/list-box/highcontrast-light.css +70 -15
  195. package/styles/list-box/highcontrast-light.scss +1 -1
  196. package/styles/list-box/highcontrast.css +70 -15
  197. package/styles/list-box/highcontrast.scss +1 -1
  198. package/styles/list-box/material-dark.css +71 -17
  199. package/styles/list-box/material-dark.scss +1 -1
  200. package/styles/list-box/material.css +71 -17
  201. package/styles/list-box/material.scss +1 -1
  202. package/styles/list-box/material3-dark.css +71 -17
  203. package/styles/list-box/material3-dark.scss +1 -1
  204. package/styles/list-box/material3.css +71 -17
  205. package/styles/list-box/material3.scss +1 -1
  206. package/styles/list-box/tailwind-dark.css +71 -17
  207. package/styles/list-box/tailwind-dark.scss +1 -1
  208. package/styles/list-box/tailwind.css +71 -17
  209. package/styles/list-box/tailwind.scss +1 -1
  210. package/styles/material-dark.css +71 -17
  211. package/styles/material.css +71 -17
  212. package/styles/material3-dark.css +71 -17
  213. package/styles/material3-dark.scss +1 -1
  214. package/styles/material3.css +71 -17
  215. package/styles/material3.scss +1 -1
  216. package/styles/mention/bootstrap-dark.scss +1 -1
  217. package/styles/mention/bootstrap.scss +1 -1
  218. package/styles/mention/bootstrap4.scss +1 -1
  219. package/styles/mention/bootstrap5-dark.scss +1 -1
  220. package/styles/mention/bootstrap5.scss +1 -1
  221. package/styles/mention/fabric-dark.scss +1 -1
  222. package/styles/mention/fabric.scss +1 -1
  223. package/styles/mention/fluent-dark.scss +1 -1
  224. package/styles/mention/fluent.scss +1 -1
  225. package/styles/mention/highcontrast-light.scss +1 -1
  226. package/styles/mention/highcontrast.scss +1 -1
  227. package/styles/mention/material-dark.css +0 -1
  228. package/styles/mention/material-dark.scss +1 -1
  229. package/styles/mention/material.css +0 -1
  230. package/styles/mention/material.scss +1 -1
  231. package/styles/mention/material3-dark.css +0 -1
  232. package/styles/mention/material3-dark.scss +1 -1
  233. package/styles/mention/material3.css +0 -1
  234. package/styles/mention/material3.scss +1 -1
  235. package/styles/mention/tailwind-dark.css +0 -1
  236. package/styles/mention/tailwind-dark.scss +1 -1
  237. package/styles/mention/tailwind.css +0 -1
  238. package/styles/mention/tailwind.scss +1 -1
  239. package/styles/multi-select/bootstrap-dark.scss +1 -1
  240. package/styles/multi-select/bootstrap.scss +1 -1
  241. package/styles/multi-select/bootstrap4.scss +1 -1
  242. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  243. package/styles/multi-select/bootstrap5.scss +1 -1
  244. package/styles/multi-select/fabric-dark.scss +1 -1
  245. package/styles/multi-select/fabric.scss +1 -1
  246. package/styles/multi-select/fluent-dark.scss +1 -1
  247. package/styles/multi-select/fluent.scss +1 -1
  248. package/styles/multi-select/highcontrast-light.scss +1 -1
  249. package/styles/multi-select/highcontrast.scss +1 -1
  250. package/styles/multi-select/material-dark.css +0 -1
  251. package/styles/multi-select/material-dark.scss +1 -1
  252. package/styles/multi-select/material.css +0 -1
  253. package/styles/multi-select/material.scss +1 -1
  254. package/styles/multi-select/material3-dark.css +0 -1
  255. package/styles/multi-select/material3-dark.scss +1 -1
  256. package/styles/multi-select/material3.css +0 -1
  257. package/styles/multi-select/material3.scss +1 -1
  258. package/styles/multi-select/tailwind-dark.css +0 -1
  259. package/styles/multi-select/tailwind-dark.scss +1 -1
  260. package/styles/multi-select/tailwind.css +0 -1
  261. package/styles/multi-select/tailwind.scss +1 -1
  262. package/styles/tailwind-dark.css +71 -24
  263. package/styles/tailwind.css +71 -24
  264. package/tslint.json +111 -0
package/styles/fabric.css CHANGED
@@ -2468,11 +2468,6 @@ ejs-multiselect {
2468
2468
  padding: 10px 16px;
2469
2469
  position: relative;
2470
2470
  }
2471
- .e-listbox-wrapper.e-filter-list,
2472
- .e-listbox-container.e-filter-list,
2473
- .e-listboxtool-wrapper.e-filter-list {
2474
- overflow: inherit;
2475
- }
2476
2471
  .e-listbox-wrapper .e-list-parent,
2477
2472
  .e-listbox-container .e-list-parent,
2478
2473
  .e-listboxtool-wrapper .e-list-parent {
@@ -2756,9 +2751,6 @@ ejs-listbox {
2756
2751
  overflow: auto;
2757
2752
  }
2758
2753
 
2759
- .e-listbox-wrapper.e-filter-list {
2760
- overflow: inherit;
2761
- }
2762
2754
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2763
2755
  overflow: auto;
2764
2756
  }
@@ -2960,27 +2952,66 @@ ejs-listbox {
2960
2952
  }
2961
2953
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2962
2954
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2963
- height: calc(100% - 45px);
2955
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2956
+ }
2957
+
2958
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2959
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2960
+ }
2961
+
2962
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2963
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2964
2964
  }
2965
2965
 
2966
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2967
2966
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2968
- height: calc(100% - 59px);
2967
+ height: 100%;
2969
2968
  }
2970
2969
 
2971
2970
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2972
2971
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2973
- height: calc(100% - 104px);
2972
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2973
+ }
2974
+
2975
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2976
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2977
+ }
2978
+
2979
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2980
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2981
+ }
2982
+
2983
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2984
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2985
+ }
2986
+
2987
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2988
+ height: 100%;
2974
2989
  }
2975
2990
 
2976
2991
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2992
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
2993
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2994
+ }
2995
+
2977
2996
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2978
- height: calc(100% - 45px);
2997
+ height: 100%;
2979
2998
  }
2980
2999
 
2981
3000
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3001
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3002
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3003
+ }
3004
+
3005
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3006
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3007
+ }
3008
+
3009
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3010
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3011
+ }
3012
+
2982
3013
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2983
- height: calc(100% - 55px);
3014
+ height: 100%;
2984
3015
  }
2985
3016
 
2986
3017
  .e-listbox-wrapper,
@@ -3013,7 +3044,7 @@ ejs-listbox {
3013
3044
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3014
3045
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3015
3046
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3016
- height: calc(100% - 87px);
3047
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3017
3048
  }
3018
3049
 
3019
3050
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3289,6 +3320,30 @@ ejs-listbox {
3289
3320
  padding-right: 0.923em;
3290
3321
  }
3291
3322
 
3323
+ .e-listbox-container.e-filter-list .e-list-parent {
3324
+ height: 100%;
3325
+ }
3326
+
3327
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3328
+ height: 100%;
3329
+ }
3330
+
3331
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3332
+ height: 100%;
3333
+ }
3334
+
3335
+ .e-listbox-container.e-filter-list .e-list-wrap {
3336
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3337
+ }
3338
+
3339
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3340
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3341
+ }
3342
+
3343
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3344
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3345
+ }
3346
+
3292
3347
  /* stylelint-disable property-no-vendor-prefix */
3293
3348
  @keyframes material-spinner-rotate {
3294
3349
  0% {
@@ -2730,11 +2730,6 @@ ejs-multiselect {
2730
2730
  padding: 10px 12px;
2731
2731
  position: relative;
2732
2732
  }
2733
- .e-listbox-wrapper.e-filter-list,
2734
- .e-listbox-container.e-filter-list,
2735
- .e-listboxtool-wrapper.e-filter-list {
2736
- overflow: inherit;
2737
- }
2738
2733
  .e-listbox-wrapper .e-list-parent,
2739
2734
  .e-listbox-container .e-list-parent,
2740
2735
  .e-listboxtool-wrapper .e-list-parent {
@@ -3018,9 +3013,6 @@ ejs-listbox {
3018
3013
  overflow: auto;
3019
3014
  }
3020
3015
 
3021
- .e-listbox-wrapper.e-filter-list {
3022
- overflow: inherit;
3023
- }
3024
3016
  .e-listbox-wrapper.e-filter-list .e-list-parent {
3025
3017
  overflow: auto;
3026
3018
  }
@@ -3222,27 +3214,66 @@ ejs-listbox {
3222
3214
  }
3223
3215
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3224
3216
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3225
- height: calc(100% - 45px);
3217
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3218
+ }
3219
+
3220
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3221
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3222
+ }
3223
+
3224
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3225
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3226
3226
  }
3227
3227
 
3228
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3229
3228
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3230
- height: calc(100% - 55px);
3229
+ height: 100%;
3231
3230
  }
3232
3231
 
3233
3232
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3234
3233
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3235
- height: calc(100% - 113px);
3234
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3235
+ }
3236
+
3237
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3238
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3239
+ }
3240
+
3241
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3242
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3243
+ }
3244
+
3245
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3246
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3247
+ }
3248
+
3249
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3250
+ height: 100%;
3236
3251
  }
3237
3252
 
3238
3253
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3254
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3255
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3256
+ }
3257
+
3239
3258
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3240
- height: calc(100% - 48px);
3259
+ height: 100%;
3241
3260
  }
3242
3261
 
3243
3262
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3263
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3264
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3265
+ }
3266
+
3267
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3268
+ height: calc(100% - 93px) !important; /* stylelint-disable-line declaration-no-important */
3269
+ }
3270
+
3271
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3272
+ height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
3273
+ }
3274
+
3244
3275
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3245
- height: calc(100% - 45px);
3276
+ height: 100%;
3246
3277
  }
3247
3278
 
3248
3279
  .e-listbox-wrapper,
@@ -3269,13 +3300,13 @@ ejs-listbox {
3269
3300
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3270
3301
  .e-listbox-container.e-filter-list .e-list-parent,
3271
3302
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3272
- height: calc(100% - 47px);
3303
+ height: calc(100% - 56px);
3273
3304
  }
3274
3305
 
3275
3306
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3276
3307
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3277
3308
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3278
- height: calc(100% - 93px);
3309
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3279
3310
  }
3280
3311
 
3281
3312
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3551,6 +3582,30 @@ ejs-listbox {
3551
3582
  padding-right: 16px;
3552
3583
  }
3553
3584
 
3585
+ .e-listbox-container.e-filter-list .e-list-parent {
3586
+ height: 100%;
3587
+ }
3588
+
3589
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3590
+ height: 100%;
3591
+ }
3592
+
3593
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3594
+ height: 100%;
3595
+ }
3596
+
3597
+ .e-listbox-container.e-filter-list .e-list-wrap {
3598
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3599
+ }
3600
+
3601
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3602
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3603
+ }
3604
+
3605
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3606
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3607
+ }
3608
+
3554
3609
  /* stylelint-disable-line no-empty-source */
3555
3610
  /* stylelint-disable property-no-vendor-prefix */
3556
3611
  @keyframes material-spinner-rotate {
package/styles/fluent.css CHANGED
@@ -2730,11 +2730,6 @@ ejs-multiselect {
2730
2730
  padding: 10px 12px;
2731
2731
  position: relative;
2732
2732
  }
2733
- .e-listbox-wrapper.e-filter-list,
2734
- .e-listbox-container.e-filter-list,
2735
- .e-listboxtool-wrapper.e-filter-list {
2736
- overflow: inherit;
2737
- }
2738
2733
  .e-listbox-wrapper .e-list-parent,
2739
2734
  .e-listbox-container .e-list-parent,
2740
2735
  .e-listboxtool-wrapper .e-list-parent {
@@ -3018,9 +3013,6 @@ ejs-listbox {
3018
3013
  overflow: auto;
3019
3014
  }
3020
3015
 
3021
- .e-listbox-wrapper.e-filter-list {
3022
- overflow: inherit;
3023
- }
3024
3016
  .e-listbox-wrapper.e-filter-list .e-list-parent {
3025
3017
  overflow: auto;
3026
3018
  }
@@ -3222,27 +3214,66 @@ ejs-listbox {
3222
3214
  }
3223
3215
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3224
3216
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3225
- height: calc(100% - 45px);
3217
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3218
+ }
3219
+
3220
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3221
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3222
+ }
3223
+
3224
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3225
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3226
3226
  }
3227
3227
 
3228
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3229
3228
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3230
- height: calc(100% - 55px);
3229
+ height: 100%;
3231
3230
  }
3232
3231
 
3233
3232
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3234
3233
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3235
- height: calc(100% - 113px);
3234
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3235
+ }
3236
+
3237
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3238
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3239
+ }
3240
+
3241
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3242
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3243
+ }
3244
+
3245
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3246
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
3247
+ }
3248
+
3249
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3250
+ height: 100%;
3236
3251
  }
3237
3252
 
3238
3253
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3254
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3255
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3256
+ }
3257
+
3239
3258
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3240
- height: calc(100% - 48px);
3259
+ height: 100%;
3241
3260
  }
3242
3261
 
3243
3262
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3263
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3264
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3265
+ }
3266
+
3267
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3268
+ height: calc(100% - 93px) !important; /* stylelint-disable-line declaration-no-important */
3269
+ }
3270
+
3271
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3272
+ height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
3273
+ }
3274
+
3244
3275
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3245
- height: calc(100% - 45px);
3276
+ height: 100%;
3246
3277
  }
3247
3278
 
3248
3279
  .e-listbox-wrapper,
@@ -3269,13 +3300,13 @@ ejs-listbox {
3269
3300
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3270
3301
  .e-listbox-container.e-filter-list .e-list-parent,
3271
3302
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3272
- height: calc(100% - 47px);
3303
+ height: calc(100% - 56px);
3273
3304
  }
3274
3305
 
3275
3306
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3276
3307
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3277
3308
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3278
- height: calc(100% - 93px);
3309
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3279
3310
  }
3280
3311
 
3281
3312
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3551,6 +3582,30 @@ ejs-listbox {
3551
3582
  padding-right: 16px;
3552
3583
  }
3553
3584
 
3585
+ .e-listbox-container.e-filter-list .e-list-parent {
3586
+ height: 100%;
3587
+ }
3588
+
3589
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3590
+ height: 100%;
3591
+ }
3592
+
3593
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3594
+ height: 100%;
3595
+ }
3596
+
3597
+ .e-listbox-container.e-filter-list .e-list-wrap {
3598
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3599
+ }
3600
+
3601
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3602
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3603
+ }
3604
+
3605
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3606
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3607
+ }
3608
+
3554
3609
  /* stylelint-disable-line no-empty-source */
3555
3610
  /* stylelint-disable property-no-vendor-prefix */
3556
3611
  @keyframes material-spinner-rotate {
@@ -2583,11 +2583,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2583
2583
  padding: 9px 16px;
2584
2584
  position: relative;
2585
2585
  }
2586
- .e-listbox-wrapper.e-filter-list,
2587
- .e-listbox-container.e-filter-list,
2588
- .e-listboxtool-wrapper.e-filter-list {
2589
- overflow: inherit;
2590
- }
2591
2586
  .e-listbox-wrapper .e-list-parent,
2592
2587
  .e-listbox-container .e-list-parent,
2593
2588
  .e-listboxtool-wrapper .e-list-parent {
@@ -2871,9 +2866,6 @@ ejs-listbox {
2871
2866
  overflow: auto;
2872
2867
  }
2873
2868
 
2874
- .e-listbox-wrapper.e-filter-list {
2875
- overflow: inherit;
2876
- }
2877
2869
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2878
2870
  overflow: auto;
2879
2871
  }
@@ -3069,27 +3061,66 @@ ejs-listbox {
3069
3061
  }
3070
3062
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3071
3063
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3072
- height: calc(100% - 45px);
3064
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3065
+ }
3066
+
3067
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3068
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3069
+ }
3070
+
3071
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3072
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3073
3073
  }
3074
3074
 
3075
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3076
3075
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3077
- height: calc(100% - 59px);
3076
+ height: 100%;
3078
3077
  }
3079
3078
 
3080
3079
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3081
3080
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3082
- height: calc(100% - 104px);
3081
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3082
+ }
3083
+
3084
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3085
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3086
+ }
3087
+
3088
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3089
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3090
+ }
3091
+
3092
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3093
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3094
+ }
3095
+
3096
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3097
+ height: 100%;
3083
3098
  }
3084
3099
 
3085
3100
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3101
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3102
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3103
+ }
3104
+
3086
3105
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3087
- height: calc(100% - 45px);
3106
+ height: 100%;
3088
3107
  }
3089
3108
 
3090
3109
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3110
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3111
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3112
+ }
3113
+
3114
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3115
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3116
+ }
3117
+
3118
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3119
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3120
+ }
3121
+
3091
3122
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3092
- height: calc(100% - 55px);
3123
+ height: 100%;
3093
3124
  }
3094
3125
 
3095
3126
  .e-listbox-wrapper,
@@ -3122,7 +3153,7 @@ ejs-listbox {
3122
3153
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3123
3154
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3124
3155
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3125
- height: calc(100% - 87px);
3156
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3126
3157
  }
3127
3158
 
3128
3159
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3398,6 +3429,30 @@ ejs-listbox {
3398
3429
  padding-right: 0.923em;
3399
3430
  }
3400
3431
 
3432
+ .e-listbox-container.e-filter-list .e-list-parent {
3433
+ height: 100%;
3434
+ }
3435
+
3436
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3437
+ height: 100%;
3438
+ }
3439
+
3440
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3441
+ height: 100%;
3442
+ }
3443
+
3444
+ .e-listbox-container.e-filter-list .e-list-wrap {
3445
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3446
+ }
3447
+
3448
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3449
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3450
+ }
3451
+
3452
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3453
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3454
+ }
3455
+
3401
3456
  /* stylelint-disable property-no-vendor-prefix */
3402
3457
  @keyframes material-spinner-rotate {
3403
3458
  0% {
@@ -2594,11 +2594,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2594
2594
  padding: 9px 16px;
2595
2595
  position: relative;
2596
2596
  }
2597
- .e-listbox-wrapper.e-filter-list,
2598
- .e-listbox-container.e-filter-list,
2599
- .e-listboxtool-wrapper.e-filter-list {
2600
- overflow: inherit;
2601
- }
2602
2597
  .e-listbox-wrapper .e-list-parent,
2603
2598
  .e-listbox-container .e-list-parent,
2604
2599
  .e-listboxtool-wrapper .e-list-parent {
@@ -2882,9 +2877,6 @@ ejs-listbox {
2882
2877
  overflow: auto;
2883
2878
  }
2884
2879
 
2885
- .e-listbox-wrapper.e-filter-list {
2886
- overflow: inherit;
2887
- }
2888
2880
  .e-listbox-wrapper.e-filter-list .e-list-parent {
2889
2881
  overflow: auto;
2890
2882
  }
@@ -3086,27 +3078,66 @@ ejs-listbox {
3086
3078
  }
3087
3079
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3088
3080
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3089
- height: calc(100% - 45px);
3081
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3082
+ }
3083
+
3084
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3085
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3086
+ }
3087
+
3088
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3089
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3090
3090
  }
3091
3091
 
3092
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3093
3092
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3094
- height: calc(100% - 59px);
3093
+ height: 100%;
3095
3094
  }
3096
3095
 
3097
3096
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3098
3097
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3099
- height: calc(100% - 104px);
3098
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3099
+ }
3100
+
3101
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3102
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3103
+ }
3104
+
3105
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3106
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3107
+ }
3108
+
3109
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3110
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3111
+ }
3112
+
3113
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3114
+ height: 100%;
3100
3115
  }
3101
3116
 
3102
3117
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3118
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3119
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3120
+ }
3121
+
3103
3122
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3104
- height: calc(100% - 45px);
3123
+ height: 100%;
3105
3124
  }
3106
3125
 
3107
3126
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3127
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3128
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3129
+ }
3130
+
3131
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3132
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3133
+ }
3134
+
3135
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3136
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3137
+ }
3138
+
3108
3139
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3109
- height: calc(100% - 55px);
3140
+ height: 100%;
3110
3141
  }
3111
3142
 
3112
3143
  .e-listbox-wrapper,
@@ -3139,7 +3170,7 @@ ejs-listbox {
3139
3170
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3140
3171
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3141
3172
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3142
- height: calc(100% - 87px);
3173
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3143
3174
  }
3144
3175
 
3145
3176
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3415,6 +3446,30 @@ ejs-listbox {
3415
3446
  padding-right: 0.923em;
3416
3447
  }
3417
3448
 
3449
+ .e-listbox-container.e-filter-list .e-list-parent {
3450
+ height: 100%;
3451
+ }
3452
+
3453
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3454
+ height: 100%;
3455
+ }
3456
+
3457
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3458
+ height: 100%;
3459
+ }
3460
+
3461
+ .e-listbox-container.e-filter-list .e-list-wrap {
3462
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3463
+ }
3464
+
3465
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3466
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3467
+ }
3468
+
3469
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3470
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3471
+ }
3472
+
3418
3473
  /* stylelint-disable property-no-vendor-prefix */
3419
3474
  @keyframes material-spinner-rotate {
3420
3475
  0% {