@syncfusion/ej2-dropdowns 23.1.36 → 23.1.39

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 (95) hide show
  1. package/CHANGELOG.md +10 -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 +36 -6
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +36 -6
  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 +9 -9
  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 +31 -5
  17. package/src/multi-select/multi-select.js +2 -1
  18. package/styles/bootstrap-dark.css +82 -8
  19. package/styles/bootstrap.css +82 -8
  20. package/styles/bootstrap4.css +83 -9
  21. package/styles/bootstrap5-dark.css +83 -9
  22. package/styles/bootstrap5.css +83 -9
  23. package/styles/fabric-dark.css +83 -9
  24. package/styles/fabric.css +83 -9
  25. package/styles/fluent-dark.css +82 -8
  26. package/styles/fluent.css +82 -8
  27. package/styles/highcontrast-light.css +82 -8
  28. package/styles/highcontrast.css +82 -8
  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 +83 -9
  61. package/styles/material.css +83 -9
  62. package/styles/material3-dark.css +81 -8
  63. package/styles/material3.css +81 -8
  64. package/styles/multi-select/_bootstrap-dark-definition.scss +2 -0
  65. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  66. package/styles/multi-select/_bootstrap4-definition.scss +2 -0
  67. package/styles/multi-select/_bootstrap5-definition.scss +2 -0
  68. package/styles/multi-select/_fabric-dark-definition.scss +3 -1
  69. package/styles/multi-select/_fabric-definition.scss +3 -1
  70. package/styles/multi-select/_fluent-definition.scss +2 -0
  71. package/styles/multi-select/_highcontrast-definition.scss +2 -0
  72. package/styles/multi-select/_highcontrast-light-definition.scss +2 -0
  73. package/styles/multi-select/_layout.scss +12 -1
  74. package/styles/multi-select/_material-dark-definition.scss +2 -0
  75. package/styles/multi-select/_material-definition.scss +2 -0
  76. package/styles/multi-select/_tailwind-definition.scss +2 -0
  77. package/styles/multi-select/bootstrap-dark.css +12 -1
  78. package/styles/multi-select/bootstrap.css +12 -1
  79. package/styles/multi-select/bootstrap4.css +12 -1
  80. package/styles/multi-select/bootstrap5-dark.css +12 -1
  81. package/styles/multi-select/bootstrap5.css +12 -1
  82. package/styles/multi-select/fabric-dark.css +13 -2
  83. package/styles/multi-select/fabric.css +13 -2
  84. package/styles/multi-select/fluent-dark.css +12 -1
  85. package/styles/multi-select/fluent.css +12 -1
  86. package/styles/multi-select/highcontrast-light.css +12 -1
  87. package/styles/multi-select/highcontrast.css +12 -1
  88. package/styles/multi-select/material-dark.css +12 -1
  89. package/styles/multi-select/material.css +12 -1
  90. package/styles/multi-select/material3-dark.css +10 -0
  91. package/styles/multi-select/material3.css +10 -0
  92. package/styles/multi-select/tailwind-dark.css +12 -1
  93. package/styles/multi-select/tailwind.css +12 -1
  94. package/styles/tailwind-dark.css +83 -9
  95. package/styles/tailwind.css +83 -9
@@ -1512,7 +1512,8 @@ ejs-dropdownlist {
1512
1512
  padding: 0 0 0 48px;
1513
1513
  }
1514
1514
 
1515
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1515
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1516
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1516
1517
  margin-top: -2.25em;
1517
1518
  }
1518
1519
 
@@ -2095,11 +2096,21 @@ ejs-multiselect {
2095
2096
  margin-top: -2em;
2096
2097
  }
2097
2098
 
2099
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2100
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2101
+ margin-top: -2em;
2102
+ }
2103
+
2098
2104
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2099
2105
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2100
2106
  line-height: 40px;
2101
2107
  }
2102
2108
 
2109
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2110
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2111
+ margin-top: -2.65em;
2112
+ }
2113
+
2103
2114
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2104
2115
  height: 14px;
2105
2116
  width: 14px;
@@ -3147,27 +3158,66 @@ ejs-listbox {
3147
3158
  }
3148
3159
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3149
3160
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3150
- height: calc(100% - 45px);
3161
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3162
+ }
3163
+
3164
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3165
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3166
+ }
3167
+
3168
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3169
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3151
3170
  }
3152
3171
 
3153
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3154
3172
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3155
- height: calc(100% - 55px);
3173
+ height: 100%;
3156
3174
  }
3157
3175
 
3158
3176
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3159
3177
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3160
- height: calc(100% - 96px);
3178
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3179
+ }
3180
+
3181
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3182
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3183
+ }
3184
+
3185
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3186
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3187
+ }
3188
+
3189
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3190
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3191
+ }
3192
+
3193
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3194
+ height: 100%;
3161
3195
  }
3162
3196
 
3163
3197
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3198
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3199
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3200
+ }
3201
+
3164
3202
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3165
- height: calc(100% - 40px);
3203
+ height: 100%;
3166
3204
  }
3167
3205
 
3168
3206
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3207
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3208
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3209
+ }
3210
+
3211
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3212
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3213
+ }
3214
+
3215
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3216
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3217
+ }
3218
+
3169
3219
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3170
- height: calc(100% - 45px);
3220
+ height: 100%;
3171
3221
  }
3172
3222
 
3173
3223
  .e-listbox-wrapper,
@@ -3194,13 +3244,13 @@ ejs-listbox {
3194
3244
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3195
3245
  .e-listbox-container.e-filter-list .e-list-parent,
3196
3246
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3197
- height: calc(100% - 47px);
3247
+ height: calc(100% - 50px);
3198
3248
  }
3199
3249
 
3200
3250
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3201
3251
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3202
3252
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3203
- height: calc(100% - 86px);
3253
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3204
3254
  }
3205
3255
 
3206
3256
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3470,6 +3520,30 @@ ejs-listbox {
3470
3520
  padding-right: 16px;
3471
3521
  }
3472
3522
 
3523
+ .e-listbox-container.e-filter-list .e-list-parent {
3524
+ height: 100%;
3525
+ }
3526
+
3527
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3528
+ height: 100%;
3529
+ }
3530
+
3531
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3532
+ height: 100%;
3533
+ }
3534
+
3535
+ .e-listbox-container.e-filter-list .e-list-wrap {
3536
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3537
+ }
3538
+
3539
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3540
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3541
+ }
3542
+
3543
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3544
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3545
+ }
3546
+
3473
3547
  /* stylelint-disable-line no-empty-source */
3474
3548
  /* stylelint-disable property-no-vendor-prefix */
3475
3549
  @keyframes material-spinner-rotate {
@@ -1512,7 +1512,8 @@ ejs-dropdownlist {
1512
1512
  padding: 0 0 0 48px;
1513
1513
  }
1514
1514
 
1515
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1515
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1516
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1516
1517
  margin-top: -2.25em;
1517
1518
  }
1518
1519
 
@@ -2095,11 +2096,21 @@ ejs-multiselect {
2095
2096
  margin-top: -2em;
2096
2097
  }
2097
2098
 
2099
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2100
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2101
+ margin-top: -2em;
2102
+ }
2103
+
2098
2104
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2099
2105
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2100
2106
  line-height: 40px;
2101
2107
  }
2102
2108
 
2109
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2110
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2111
+ margin-top: -2.65em;
2112
+ }
2113
+
2103
2114
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2104
2115
  height: 14px;
2105
2116
  width: 14px;
@@ -3147,27 +3158,66 @@ ejs-listbox {
3147
3158
  }
3148
3159
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3149
3160
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3150
- height: calc(100% - 45px);
3161
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3162
+ }
3163
+
3164
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3165
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3166
+ }
3167
+
3168
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3169
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3151
3170
  }
3152
3171
 
3153
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3154
3172
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3155
- height: calc(100% - 55px);
3173
+ height: 100%;
3156
3174
  }
3157
3175
 
3158
3176
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3159
3177
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3160
- height: calc(100% - 96px);
3178
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3179
+ }
3180
+
3181
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3182
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3183
+ }
3184
+
3185
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3186
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3187
+ }
3188
+
3189
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3190
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3191
+ }
3192
+
3193
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3194
+ height: 100%;
3161
3195
  }
3162
3196
 
3163
3197
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3198
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3199
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3200
+ }
3201
+
3164
3202
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3165
- height: calc(100% - 40px);
3203
+ height: 100%;
3166
3204
  }
3167
3205
 
3168
3206
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3207
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3208
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3209
+ }
3210
+
3211
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3212
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3213
+ }
3214
+
3215
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3216
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3217
+ }
3218
+
3169
3219
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3170
- height: calc(100% - 45px);
3220
+ height: 100%;
3171
3221
  }
3172
3222
 
3173
3223
  .e-listbox-wrapper,
@@ -3194,13 +3244,13 @@ ejs-listbox {
3194
3244
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3195
3245
  .e-listbox-container.e-filter-list .e-list-parent,
3196
3246
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3197
- height: calc(100% - 47px);
3247
+ height: calc(100% - 50px);
3198
3248
  }
3199
3249
 
3200
3250
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3201
3251
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3202
3252
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3203
- height: calc(100% - 86px);
3253
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3204
3254
  }
3205
3255
 
3206
3256
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3470,6 +3520,30 @@ ejs-listbox {
3470
3520
  padding-right: 16px;
3471
3521
  }
3472
3522
 
3523
+ .e-listbox-container.e-filter-list .e-list-parent {
3524
+ height: 100%;
3525
+ }
3526
+
3527
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3528
+ height: 100%;
3529
+ }
3530
+
3531
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3532
+ height: 100%;
3533
+ }
3534
+
3535
+ .e-listbox-container.e-filter-list .e-list-wrap {
3536
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3537
+ }
3538
+
3539
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3540
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3541
+ }
3542
+
3543
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3544
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3545
+ }
3546
+
3473
3547
  /* stylelint-disable-line no-empty-source */
3474
3548
  /* stylelint-disable property-no-vendor-prefix */
3475
3549
  @keyframes material-spinner-rotate {
@@ -1359,8 +1359,9 @@ ejs-dropdownlist {
1359
1359
  padding: 0 0 0 48px;
1360
1360
  }
1361
1361
 
1362
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1363
- margin-top: -3.2em;
1362
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1363
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1364
+ margin-top: -3.15em;
1364
1365
  }
1365
1366
 
1366
1367
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -1906,11 +1907,21 @@ ejs-multiselect {
1906
1907
  margin-top: -3em;
1907
1908
  }
1908
1909
 
1910
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1911
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1912
+ margin-top: -2.5em;
1913
+ }
1914
+
1909
1915
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1910
1916
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1911
1917
  line-height: 40px;
1912
1918
  }
1913
1919
 
1920
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1921
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1922
+ margin-top: -2.85em;
1923
+ }
1924
+
1914
1925
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1915
1926
  height: 26px;
1916
1927
  width: auto;
@@ -2947,27 +2958,66 @@ ejs-listbox {
2947
2958
  }
2948
2959
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2949
2960
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2950
- height: calc(100% - 45px);
2961
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2962
+ }
2963
+
2964
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2965
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2966
+ }
2967
+
2968
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2969
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2951
2970
  }
2952
2971
 
2953
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2954
2972
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2955
- height: calc(100% - 59px);
2973
+ height: 100%;
2956
2974
  }
2957
2975
 
2958
2976
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2959
2977
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2960
- height: calc(100% - 104px);
2978
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2979
+ }
2980
+
2981
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2982
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2983
+ }
2984
+
2985
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2986
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2987
+ }
2988
+
2989
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2990
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2991
+ }
2992
+
2993
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2994
+ height: 100%;
2961
2995
  }
2962
2996
 
2963
2997
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2998
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
2999
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3000
+ }
3001
+
2964
3002
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2965
- height: calc(100% - 45px);
3003
+ height: 100%;
2966
3004
  }
2967
3005
 
2968
3006
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3007
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3008
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3009
+ }
3010
+
3011
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3012
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3013
+ }
3014
+
3015
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3016
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3017
+ }
3018
+
2969
3019
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2970
- height: calc(100% - 55px);
3020
+ height: 100%;
2971
3021
  }
2972
3022
 
2973
3023
  .e-listbox-wrapper,
@@ -3000,7 +3050,7 @@ ejs-listbox {
3000
3050
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3001
3051
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3002
3052
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3003
- height: calc(100% - 87px);
3053
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3004
3054
  }
3005
3055
 
3006
3056
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3276,6 +3326,30 @@ ejs-listbox {
3276
3326
  padding-right: 0.923em;
3277
3327
  }
3278
3328
 
3329
+ .e-listbox-container.e-filter-list .e-list-parent {
3330
+ height: 100%;
3331
+ }
3332
+
3333
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3334
+ height: 100%;
3335
+ }
3336
+
3337
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3338
+ height: 100%;
3339
+ }
3340
+
3341
+ .e-listbox-container.e-filter-list .e-list-wrap {
3342
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3343
+ }
3344
+
3345
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3346
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3347
+ }
3348
+
3349
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3350
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3351
+ }
3352
+
3279
3353
  /* stylelint-disable property-no-vendor-prefix */
3280
3354
  @keyframes material-spinner-rotate {
3281
3355
  0% {
package/styles/fabric.css CHANGED
@@ -1353,8 +1353,9 @@ ejs-dropdownlist {
1353
1353
  padding: 0 0 0 48px;
1354
1354
  }
1355
1355
 
1356
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1357
- margin-top: -3.2em;
1356
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1357
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1358
+ margin-top: -3.15em;
1358
1359
  }
1359
1360
 
1360
1361
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -1900,11 +1901,21 @@ ejs-multiselect {
1900
1901
  margin-top: -3em;
1901
1902
  }
1902
1903
 
1904
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1905
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1906
+ margin-top: -2.5em;
1907
+ }
1908
+
1903
1909
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1904
1910
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1905
1911
  line-height: 40px;
1906
1912
  }
1907
1913
 
1914
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1915
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1916
+ margin-top: -2.85em;
1917
+ }
1918
+
1908
1919
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1909
1920
  height: 26px;
1910
1921
  width: auto;
@@ -2952,27 +2963,66 @@ ejs-listbox {
2952
2963
  }
2953
2964
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2954
2965
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2955
- height: calc(100% - 45px);
2966
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2967
+ }
2968
+
2969
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2970
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2971
+ }
2972
+
2973
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2974
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2956
2975
  }
2957
2976
 
2958
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2959
2977
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2960
- height: calc(100% - 59px);
2978
+ height: 100%;
2961
2979
  }
2962
2980
 
2963
2981
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2964
2982
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2965
- height: calc(100% - 104px);
2983
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2984
+ }
2985
+
2986
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2987
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2988
+ }
2989
+
2990
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2991
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2992
+ }
2993
+
2994
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2995
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
2996
+ }
2997
+
2998
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2999
+ height: 100%;
2966
3000
  }
2967
3001
 
2968
3002
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3003
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3004
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3005
+ }
3006
+
2969
3007
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2970
- height: calc(100% - 45px);
3008
+ height: 100%;
2971
3009
  }
2972
3010
 
2973
3011
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3012
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3013
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3014
+ }
3015
+
3016
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3017
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3018
+ }
3019
+
3020
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3021
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3022
+ }
3023
+
2974
3024
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2975
- height: calc(100% - 55px);
3025
+ height: 100%;
2976
3026
  }
2977
3027
 
2978
3028
  .e-listbox-wrapper,
@@ -3005,7 +3055,7 @@ ejs-listbox {
3005
3055
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3006
3056
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3007
3057
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3008
- height: calc(100% - 87px);
3058
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3009
3059
  }
3010
3060
 
3011
3061
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3281,6 +3331,30 @@ ejs-listbox {
3281
3331
  padding-right: 0.923em;
3282
3332
  }
3283
3333
 
3334
+ .e-listbox-container.e-filter-list .e-list-parent {
3335
+ height: 100%;
3336
+ }
3337
+
3338
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3339
+ height: 100%;
3340
+ }
3341
+
3342
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3343
+ height: 100%;
3344
+ }
3345
+
3346
+ .e-listbox-container.e-filter-list .e-list-wrap {
3347
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3348
+ }
3349
+
3350
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3351
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3352
+ }
3353
+
3354
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3355
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3356
+ }
3357
+
3284
3358
  /* stylelint-disable property-no-vendor-prefix */
3285
3359
  @keyframes material-spinner-rotate {
3286
3360
  0% {