@syncfusion/ej2-dropdowns 23.1.36 → 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 (65) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +32 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +32 -5
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +8 -8
  13. package/src/common/virtual-scroll.d.ts +1 -0
  14. package/src/common/virtual-scroll.js +3 -0
  15. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  16. package/src/drop-down-list/drop-down-list.js +27 -4
  17. package/src/multi-select/multi-select.js +2 -1
  18. package/styles/bootstrap-dark.css +70 -7
  19. package/styles/bootstrap.css +70 -7
  20. package/styles/bootstrap4.css +71 -8
  21. package/styles/bootstrap5-dark.css +71 -8
  22. package/styles/bootstrap5.css +71 -8
  23. package/styles/fabric-dark.css +70 -7
  24. package/styles/fabric.css +70 -7
  25. package/styles/fluent-dark.css +70 -7
  26. package/styles/fluent.css +70 -7
  27. package/styles/highcontrast-light.css +70 -7
  28. package/styles/highcontrast.css +70 -7
  29. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  30. package/styles/list-box/_bootstrap-definition.scss +7 -3
  31. package/styles/list-box/_bootstrap4-definition.scss +8 -4
  32. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  33. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  34. package/styles/list-box/_fabric-definition.scss +6 -2
  35. package/styles/list-box/_fluent-definition.scss +8 -6
  36. package/styles/list-box/_highcontrast-definition.scss +6 -2
  37. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  38. package/styles/list-box/_material-dark-definition.scss +8 -4
  39. package/styles/list-box/_material-definition.scss +8 -4
  40. package/styles/list-box/_material3-definition.scss +8 -6
  41. package/styles/list-box/_tailwind-definition.scss +8 -6
  42. package/styles/list-box/_theme.scss +72 -7
  43. package/styles/list-box/bootstrap-dark.css +70 -7
  44. package/styles/list-box/bootstrap.css +70 -7
  45. package/styles/list-box/bootstrap4.css +71 -8
  46. package/styles/list-box/bootstrap5-dark.css +71 -8
  47. package/styles/list-box/bootstrap5.css +71 -8
  48. package/styles/list-box/fabric-dark.css +70 -7
  49. package/styles/list-box/fabric.css +70 -7
  50. package/styles/list-box/fluent-dark.css +70 -7
  51. package/styles/list-box/fluent.css +70 -7
  52. package/styles/list-box/highcontrast-light.css +70 -7
  53. package/styles/list-box/highcontrast.css +70 -7
  54. package/styles/list-box/material-dark.css +71 -8
  55. package/styles/list-box/material.css +71 -8
  56. package/styles/list-box/material3-dark.css +71 -8
  57. package/styles/list-box/material3.css +71 -8
  58. package/styles/list-box/tailwind-dark.css +71 -8
  59. package/styles/list-box/tailwind.css +71 -8
  60. package/styles/material-dark.css +71 -8
  61. package/styles/material.css +71 -8
  62. package/styles/material3-dark.css +71 -8
  63. package/styles/material3.css +71 -8
  64. package/styles/tailwind-dark.css +71 -8
  65. package/styles/tailwind.css +71 -8
@@ -3147,27 +3147,66 @@ ejs-listbox {
3147
3147
  }
3148
3148
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3149
3149
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3150
- height: calc(100% - 45px);
3150
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3151
+ }
3152
+
3153
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3154
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3155
+ }
3156
+
3157
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3158
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3151
3159
  }
3152
3160
 
3153
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3154
3161
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3155
- height: calc(100% - 55px);
3162
+ height: 100%;
3156
3163
  }
3157
3164
 
3158
3165
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3159
3166
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3160
- height: calc(100% - 96px);
3167
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3168
+ }
3169
+
3170
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3171
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3172
+ }
3173
+
3174
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3175
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3176
+ }
3177
+
3178
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3179
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3180
+ }
3181
+
3182
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3183
+ height: 100%;
3161
3184
  }
3162
3185
 
3163
3186
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3187
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3188
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3189
+ }
3190
+
3164
3191
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3165
- height: calc(100% - 40px);
3192
+ height: 100%;
3166
3193
  }
3167
3194
 
3168
3195
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3196
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3197
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3198
+ }
3199
+
3200
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3201
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3202
+ }
3203
+
3204
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3205
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3206
+ }
3207
+
3169
3208
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3170
- height: calc(100% - 45px);
3209
+ height: 100%;
3171
3210
  }
3172
3211
 
3173
3212
  .e-listbox-wrapper,
@@ -3194,13 +3233,13 @@ ejs-listbox {
3194
3233
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3195
3234
  .e-listbox-container.e-filter-list .e-list-parent,
3196
3235
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3197
- height: calc(100% - 47px);
3236
+ height: calc(100% - 50px);
3198
3237
  }
3199
3238
 
3200
3239
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3201
3240
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3202
3241
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3203
- height: calc(100% - 86px);
3242
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3204
3243
  }
3205
3244
 
3206
3245
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3470,6 +3509,30 @@ ejs-listbox {
3470
3509
  padding-right: 16px;
3471
3510
  }
3472
3511
 
3512
+ .e-listbox-container.e-filter-list .e-list-parent {
3513
+ height: 100%;
3514
+ }
3515
+
3516
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3517
+ height: 100%;
3518
+ }
3519
+
3520
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3521
+ height: 100%;
3522
+ }
3523
+
3524
+ .e-listbox-container.e-filter-list .e-list-wrap {
3525
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3526
+ }
3527
+
3528
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3529
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3530
+ }
3531
+
3532
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3533
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3534
+ }
3535
+
3473
3536
  /* stylelint-disable-line no-empty-source */
3474
3537
  /* stylelint-disable property-no-vendor-prefix */
3475
3538
  @keyframes material-spinner-rotate {
@@ -2947,27 +2947,66 @@ ejs-listbox {
2947
2947
  }
2948
2948
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2949
2949
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2950
- height: calc(100% - 45px);
2950
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2951
+ }
2952
+
2953
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2954
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2955
+ }
2956
+
2957
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2958
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2951
2959
  }
2952
2960
 
2953
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2954
2961
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2955
- height: calc(100% - 59px);
2962
+ height: 100%;
2956
2963
  }
2957
2964
 
2958
2965
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2959
2966
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2960
- height: calc(100% - 104px);
2967
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2968
+ }
2969
+
2970
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2971
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2972
+ }
2973
+
2974
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2975
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2976
+ }
2977
+
2978
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2979
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2980
+ }
2981
+
2982
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2983
+ height: 100%;
2961
2984
  }
2962
2985
 
2963
2986
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2987
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
2988
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2989
+ }
2990
+
2964
2991
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2965
- height: calc(100% - 45px);
2992
+ height: 100%;
2966
2993
  }
2967
2994
 
2968
2995
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2996
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2997
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
2998
+ }
2999
+
3000
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3001
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3002
+ }
3003
+
3004
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3005
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3006
+ }
3007
+
2969
3008
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2970
- height: calc(100% - 55px);
3009
+ height: 100%;
2971
3010
  }
2972
3011
 
2973
3012
  .e-listbox-wrapper,
@@ -3000,7 +3039,7 @@ ejs-listbox {
3000
3039
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3001
3040
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3002
3041
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3003
- height: calc(100% - 87px);
3042
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3004
3043
  }
3005
3044
 
3006
3045
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3276,6 +3315,30 @@ ejs-listbox {
3276
3315
  padding-right: 0.923em;
3277
3316
  }
3278
3317
 
3318
+ .e-listbox-container.e-filter-list .e-list-parent {
3319
+ height: 100%;
3320
+ }
3321
+
3322
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3323
+ height: 100%;
3324
+ }
3325
+
3326
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3327
+ height: 100%;
3328
+ }
3329
+
3330
+ .e-listbox-container.e-filter-list .e-list-wrap {
3331
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3332
+ }
3333
+
3334
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3335
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3336
+ }
3337
+
3338
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3339
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3340
+ }
3341
+
3279
3342
  /* stylelint-disable property-no-vendor-prefix */
3280
3343
  @keyframes material-spinner-rotate {
3281
3344
  0% {
package/styles/fabric.css CHANGED
@@ -2952,27 +2952,66 @@ ejs-listbox {
2952
2952
  }
2953
2953
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2954
2954
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2955
- 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 */
2956
2964
  }
2957
2965
 
2958
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2959
2966
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2960
- height: calc(100% - 59px);
2967
+ height: 100%;
2961
2968
  }
2962
2969
 
2963
2970
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2964
2971
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2965
- 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%;
2966
2989
  }
2967
2990
 
2968
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
+
2969
2996
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2970
- height: calc(100% - 45px);
2997
+ height: 100%;
2971
2998
  }
2972
2999
 
2973
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
+
2974
3013
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2975
- height: calc(100% - 55px);
3014
+ height: 100%;
2976
3015
  }
2977
3016
 
2978
3017
  .e-listbox-wrapper,
@@ -3005,7 +3044,7 @@ ejs-listbox {
3005
3044
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3006
3045
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3007
3046
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3008
- height: calc(100% - 87px);
3047
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3009
3048
  }
3010
3049
 
3011
3050
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3281,6 +3320,30 @@ ejs-listbox {
3281
3320
  padding-right: 0.923em;
3282
3321
  }
3283
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
+
3284
3347
  /* stylelint-disable property-no-vendor-prefix */
3285
3348
  @keyframes material-spinner-rotate {
3286
3349
  0% {
@@ -3214,27 +3214,66 @@ ejs-listbox {
3214
3214
  }
3215
3215
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3216
3216
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3217
- height: calc(100% - 50px);
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 */
3218
3226
  }
3219
3227
 
3220
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3221
3228
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3222
- height: calc(100% - 64px);
3229
+ height: 100%;
3223
3230
  }
3224
3231
 
3225
3232
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3226
3233
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3227
- 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%;
3228
3251
  }
3229
3252
 
3230
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
+
3231
3258
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3232
- height: calc(100% - 48px);
3259
+ height: 100%;
3233
3260
  }
3234
3261
 
3235
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
+
3236
3275
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3237
- height: calc(100% - 59px);
3276
+ height: 100%;
3238
3277
  }
3239
3278
 
3240
3279
  .e-listbox-wrapper,
@@ -3267,7 +3306,7 @@ ejs-listbox {
3267
3306
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3268
3307
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3269
3308
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3270
- height: calc(100% - 93px);
3309
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3271
3310
  }
3272
3311
 
3273
3312
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3543,6 +3582,30 @@ ejs-listbox {
3543
3582
  padding-right: 16px;
3544
3583
  }
3545
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
+
3546
3609
  /* stylelint-disable-line no-empty-source */
3547
3610
  /* stylelint-disable property-no-vendor-prefix */
3548
3611
  @keyframes material-spinner-rotate {
package/styles/fluent.css CHANGED
@@ -3214,27 +3214,66 @@ ejs-listbox {
3214
3214
  }
3215
3215
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3216
3216
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3217
- height: calc(100% - 50px);
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 */
3218
3226
  }
3219
3227
 
3220
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3221
3228
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3222
- height: calc(100% - 64px);
3229
+ height: 100%;
3223
3230
  }
3224
3231
 
3225
3232
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3226
3233
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3227
- 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%;
3228
3251
  }
3229
3252
 
3230
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
+
3231
3258
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3232
- height: calc(100% - 48px);
3259
+ height: 100%;
3233
3260
  }
3234
3261
 
3235
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
+
3236
3275
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3237
- height: calc(100% - 59px);
3276
+ height: 100%;
3238
3277
  }
3239
3278
 
3240
3279
  .e-listbox-wrapper,
@@ -3267,7 +3306,7 @@ ejs-listbox {
3267
3306
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3268
3307
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3269
3308
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3270
- height: calc(100% - 93px);
3309
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3271
3310
  }
3272
3311
 
3273
3312
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3543,6 +3582,30 @@ ejs-listbox {
3543
3582
  padding-right: 16px;
3544
3583
  }
3545
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
+
3546
3609
  /* stylelint-disable-line no-empty-source */
3547
3610
  /* stylelint-disable property-no-vendor-prefix */
3548
3611
  @keyframes material-spinner-rotate {
@@ -3061,27 +3061,66 @@ ejs-listbox {
3061
3061
  }
3062
3062
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3063
3063
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3064
- 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 */
3065
3073
  }
3066
3074
 
3067
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3068
3075
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3069
- height: calc(100% - 59px);
3076
+ height: 100%;
3070
3077
  }
3071
3078
 
3072
3079
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3073
3080
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3074
- 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%;
3075
3098
  }
3076
3099
 
3077
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
+
3078
3105
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3079
- height: calc(100% - 45px);
3106
+ height: 100%;
3080
3107
  }
3081
3108
 
3082
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
+
3083
3122
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3084
- height: calc(100% - 55px);
3123
+ height: 100%;
3085
3124
  }
3086
3125
 
3087
3126
  .e-listbox-wrapper,
@@ -3114,7 +3153,7 @@ ejs-listbox {
3114
3153
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3115
3154
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3116
3155
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3117
- height: calc(100% - 87px);
3156
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3118
3157
  }
3119
3158
 
3120
3159
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3390,6 +3429,30 @@ ejs-listbox {
3390
3429
  padding-right: 0.923em;
3391
3430
  }
3392
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
+
3393
3456
  /* stylelint-disable property-no-vendor-prefix */
3394
3457
  @keyframes material-spinner-rotate {
3395
3458
  0% {