@syncfusion/ej2-dropdowns 19.4.52 → 19.4.56

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 (56) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +44 -17
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +45 -17
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/combo-box/combo-box.js +4 -1
  13. package/src/drop-down-tree/drop-down-tree.js +6 -14
  14. package/src/list-box/list-box.js +32 -0
  15. package/src/multi-select/multi-select.js +3 -2
  16. package/styles/bootstrap-dark.css +17 -5
  17. package/styles/bootstrap.css +17 -5
  18. package/styles/bootstrap4.css +17 -5
  19. package/styles/bootstrap5-dark.css +17 -5
  20. package/styles/bootstrap5.css +17 -5
  21. package/styles/fabric-dark.css +17 -5
  22. package/styles/fabric.css +17 -5
  23. package/styles/highcontrast-light.css +17 -5
  24. package/styles/highcontrast.css +17 -5
  25. package/styles/list-box/_layout.scss +12 -4
  26. package/styles/list-box/bootstrap-dark.css +9 -5
  27. package/styles/list-box/bootstrap.css +9 -5
  28. package/styles/list-box/bootstrap4.css +9 -5
  29. package/styles/list-box/bootstrap5-dark.css +9 -5
  30. package/styles/list-box/bootstrap5.css +9 -5
  31. package/styles/list-box/fabric-dark.css +9 -5
  32. package/styles/list-box/fabric.css +9 -5
  33. package/styles/list-box/highcontrast-light.css +9 -5
  34. package/styles/list-box/highcontrast.css +9 -5
  35. package/styles/list-box/material-dark.css +9 -5
  36. package/styles/list-box/material.css +9 -5
  37. package/styles/list-box/tailwind-dark.css +9 -5
  38. package/styles/list-box/tailwind.css +9 -5
  39. package/styles/material-dark.css +17 -5
  40. package/styles/material.css +17 -5
  41. package/styles/multi-select/_layout.scss +8 -0
  42. package/styles/multi-select/bootstrap-dark.css +8 -0
  43. package/styles/multi-select/bootstrap.css +8 -0
  44. package/styles/multi-select/bootstrap4.css +8 -0
  45. package/styles/multi-select/bootstrap5-dark.css +8 -0
  46. package/styles/multi-select/bootstrap5.css +8 -0
  47. package/styles/multi-select/fabric-dark.css +8 -0
  48. package/styles/multi-select/fabric.css +8 -0
  49. package/styles/multi-select/highcontrast-light.css +8 -0
  50. package/styles/multi-select/highcontrast.css +8 -0
  51. package/styles/multi-select/material-dark.css +8 -0
  52. package/styles/multi-select/material.css +8 -0
  53. package/styles/multi-select/tailwind-dark.css +8 -0
  54. package/styles/multi-select/tailwind.css +8 -0
  55. package/styles/tailwind-dark.css +17 -5
  56. package/styles/tailwind.css +17 -5
package/styles/list-box/bootstrap-dark.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
package/styles/list-box/bootstrap.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
package/styles/list-box/bootstrap4.css CHANGED
@@ -56,6 +56,7 @@
56
56
  .e-listbox-wrapper,
57
57
  .e-listbox-container {
58
58
  -webkit-overflow-scrolling: touch;
59
+ box-sizing: border-box;
59
60
  cursor: pointer;
60
61
  display: block;
61
62
  position: relative;
@@ -103,11 +104,6 @@
103
104
  overflow: inherit;
104
105
  }
105
106
 
106
- .e-listbox-wrapper.e-filter-list .e-list-parent,
107
- .e-listbox-container.e-filter-list .e-list-parent {
108
- overflow: auto;
109
- }
110
-
111
107
  .e-listbox-wrapper .e-list-parent,
112
108
  .e-listbox-container .e-list-parent {
113
109
  height: 100%;
@@ -390,6 +386,14 @@ ejs-listbox {
390
386
  overflow: auto;
391
387
  }
392
388
 
389
+ .e-listbox-wrapper.e-filter-list {
390
+ overflow: inherit;
391
+ }
392
+
393
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
394
+ overflow: auto;
395
+ }
396
+
393
397
  .e-listbox-wrapper.e-sortableclone,
394
398
  .e-listbox-container.e-sortableclone {
395
399
  border-width: 0;
package/styles/list-box/bootstrap5-dark.css CHANGED
@@ -64,6 +64,7 @@
64
64
  .e-listbox-wrapper,
65
65
  .e-listbox-container {
66
66
  -webkit-overflow-scrolling: touch;
67
+ box-sizing: border-box;
67
68
  cursor: pointer;
68
69
  display: block;
69
70
  position: relative;
@@ -111,11 +112,6 @@
111
112
  overflow: inherit;
112
113
  }
113
114
 
114
- .e-listbox-wrapper.e-filter-list .e-list-parent,
115
- .e-listbox-container.e-filter-list .e-list-parent {
116
- overflow: auto;
117
- }
118
-
119
115
  .e-listbox-wrapper .e-list-parent,
120
116
  .e-listbox-container .e-list-parent {
121
117
  height: 100%;
@@ -398,6 +394,14 @@ ejs-listbox {
398
394
  overflow: auto;
399
395
  }
400
396
 
397
+ .e-listbox-wrapper.e-filter-list {
398
+ overflow: inherit;
399
+ }
400
+
401
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
402
+ overflow: auto;
403
+ }
404
+
401
405
  .e-listbox-wrapper.e-sortableclone,
402
406
  .e-listbox-container.e-sortableclone {
403
407
  border-width: 0;
package/styles/list-box/bootstrap5.css CHANGED
@@ -64,6 +64,7 @@
64
64
  .e-listbox-wrapper,
65
65
  .e-listbox-container {
66
66
  -webkit-overflow-scrolling: touch;
67
+ box-sizing: border-box;
67
68
  cursor: pointer;
68
69
  display: block;
69
70
  position: relative;
@@ -111,11 +112,6 @@
111
112
  overflow: inherit;
112
113
  }
113
114
 
114
- .e-listbox-wrapper.e-filter-list .e-list-parent,
115
- .e-listbox-container.e-filter-list .e-list-parent {
116
- overflow: auto;
117
- }
118
-
119
115
  .e-listbox-wrapper .e-list-parent,
120
116
  .e-listbox-container .e-list-parent {
121
117
  height: 100%;
@@ -398,6 +394,14 @@ ejs-listbox {
398
394
  overflow: auto;
399
395
  }
400
396
 
397
+ .e-listbox-wrapper.e-filter-list {
398
+ overflow: inherit;
399
+ }
400
+
401
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
402
+ overflow: auto;
403
+ }
404
+
401
405
  .e-listbox-wrapper.e-sortableclone,
402
406
  .e-listbox-container.e-sortableclone {
403
407
  border-width: 0;
package/styles/list-box/fabric-dark.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
package/styles/list-box/fabric.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
package/styles/list-box/highcontrast-light.css CHANGED
@@ -57,6 +57,7 @@
57
57
  .e-listbox-wrapper,
58
58
  .e-listbox-container {
59
59
  -webkit-overflow-scrolling: touch;
60
+ box-sizing: border-box;
60
61
  cursor: pointer;
61
62
  display: block;
62
63
  position: relative;
@@ -104,11 +105,6 @@
104
105
  overflow: inherit;
105
106
  }
106
107
 
107
- .e-listbox-wrapper.e-filter-list .e-list-parent,
108
- .e-listbox-container.e-filter-list .e-list-parent {
109
- overflow: auto;
110
- }
111
-
112
108
  .e-listbox-wrapper .e-list-parent,
113
109
  .e-listbox-container .e-list-parent {
114
110
  height: 100%;
@@ -391,6 +387,14 @@ ejs-listbox {
391
387
  overflow: auto;
392
388
  }
393
389
 
390
+ .e-listbox-wrapper.e-filter-list {
391
+ overflow: inherit;
392
+ }
393
+
394
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
395
+ overflow: auto;
396
+ }
397
+
394
398
  .e-listbox-wrapper.e-sortableclone,
395
399
  .e-listbox-container.e-sortableclone {
396
400
  border-width: 0;
package/styles/list-box/highcontrast.css CHANGED
@@ -57,6 +57,7 @@
57
57
  .e-listbox-wrapper,
58
58
  .e-listbox-container {
59
59
  -webkit-overflow-scrolling: touch;
60
+ box-sizing: border-box;
60
61
  cursor: pointer;
61
62
  display: block;
62
63
  position: relative;
@@ -104,11 +105,6 @@
104
105
  overflow: inherit;
105
106
  }
106
107
 
107
- .e-listbox-wrapper.e-filter-list .e-list-parent,
108
- .e-listbox-container.e-filter-list .e-list-parent {
109
- overflow: auto;
110
- }
111
-
112
108
  .e-listbox-wrapper .e-list-parent,
113
109
  .e-listbox-container .e-list-parent {
114
110
  height: 100%;
@@ -391,6 +387,14 @@ ejs-listbox {
391
387
  overflow: auto;
392
388
  }
393
389
 
390
+ .e-listbox-wrapper.e-filter-list {
391
+ overflow: inherit;
392
+ }
393
+
394
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
395
+ overflow: auto;
396
+ }
397
+
394
398
  .e-listbox-wrapper.e-sortableclone,
395
399
  .e-listbox-container.e-sortableclone {
396
400
  border-width: 0;
package/styles/list-box/material-dark.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
package/styles/list-box/material.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
package/styles/list-box/tailwind-dark.css CHANGED
@@ -71,6 +71,7 @@
71
71
  .e-listbox-wrapper,
72
72
  .e-listbox-container {
73
73
  -webkit-overflow-scrolling: touch;
74
+ box-sizing: border-box;
74
75
  cursor: pointer;
75
76
  display: block;
76
77
  position: relative;
@@ -118,11 +119,6 @@
118
119
  overflow: inherit;
119
120
  }
120
121
 
121
- .e-listbox-wrapper.e-filter-list .e-list-parent,
122
- .e-listbox-container.e-filter-list .e-list-parent {
123
- overflow: auto;
124
- }
125
-
126
122
  .e-listbox-wrapper .e-list-parent,
127
123
  .e-listbox-container .e-list-parent {
128
124
  height: 100%;
@@ -405,6 +401,14 @@ ejs-listbox {
405
401
  overflow: auto;
406
402
  }
407
403
 
404
+ .e-listbox-wrapper.e-filter-list {
405
+ overflow: inherit;
406
+ }
407
+
408
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
409
+ overflow: auto;
410
+ }
411
+
408
412
  .e-listbox-wrapper.e-sortableclone,
409
413
  .e-listbox-container.e-sortableclone {
410
414
  border-width: 0;
package/styles/list-box/tailwind.css CHANGED
@@ -71,6 +71,7 @@
71
71
  .e-listbox-wrapper,
72
72
  .e-listbox-container {
73
73
  -webkit-overflow-scrolling: touch;
74
+ box-sizing: border-box;
74
75
  cursor: pointer;
75
76
  display: block;
76
77
  position: relative;
@@ -118,11 +119,6 @@
118
119
  overflow: inherit;
119
120
  }
120
121
 
121
- .e-listbox-wrapper.e-filter-list .e-list-parent,
122
- .e-listbox-container.e-filter-list .e-list-parent {
123
- overflow: auto;
124
- }
125
-
126
122
  .e-listbox-wrapper .e-list-parent,
127
123
  .e-listbox-container .e-list-parent {
128
124
  height: 100%;
@@ -405,6 +401,14 @@ ejs-listbox {
405
401
  overflow: auto;
406
402
  }
407
403
 
404
+ .e-listbox-wrapper.e-filter-list {
405
+ overflow: inherit;
406
+ }
407
+
408
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
409
+ overflow: auto;
410
+ }
411
+
408
412
  .e-listbox-wrapper.e-sortableclone,
409
413
  .e-listbox-container.e-sortableclone {
410
414
  border-width: 0;
package/styles/material-dark.css CHANGED
@@ -3702,6 +3702,14 @@ ejs-multiselect {
3702
3702
  width: 16px;
3703
3703
  }
3704
3704
 
3705
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
3706
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
3707
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
3708
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
3709
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
3710
+ display: none;
3711
+ }
3712
+
3705
3713
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
3706
3714
  color: #fff;
3707
3715
  }
@@ -4040,6 +4048,7 @@ ejs-multiselect {
4040
4048
  .e-listbox-wrapper,
4041
4049
  .e-listbox-container {
4042
4050
  -webkit-overflow-scrolling: touch;
4051
+ box-sizing: border-box;
4043
4052
  cursor: pointer;
4044
4053
  display: block;
4045
4054
  position: relative;
@@ -4087,11 +4096,6 @@ ejs-multiselect {
4087
4096
  overflow: inherit;
4088
4097
  }
4089
4098
 
4090
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4091
- .e-listbox-container.e-filter-list .e-list-parent {
4092
- overflow: auto;
4093
- }
4094
-
4095
4099
  .e-listbox-wrapper .e-list-parent,
4096
4100
  .e-listbox-container .e-list-parent {
4097
4101
  height: 100%;
@@ -4374,6 +4378,14 @@ ejs-listbox {
4374
4378
  overflow: auto;
4375
4379
  }
4376
4380
 
4381
+ .e-listbox-wrapper.e-filter-list {
4382
+ overflow: inherit;
4383
+ }
4384
+
4385
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
4386
+ overflow: auto;
4387
+ }
4388
+
4377
4389
  .e-listbox-wrapper.e-sortableclone,
4378
4390
  .e-listbox-container.e-sortableclone {
4379
4391
  border-width: 0;
package/styles/material.css CHANGED
@@ -3763,6 +3763,14 @@ ejs-multiselect {
3763
3763
  width: 16px;
3764
3764
  }
3765
3765
 
3766
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
3767
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
3768
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
3769
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
3770
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
3771
+ display: none;
3772
+ }
3773
+
3766
3774
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
3767
3775
  color: #fff;
3768
3776
  }
@@ -4101,6 +4109,7 @@ ejs-multiselect {
4101
4109
  .e-listbox-wrapper,
4102
4110
  .e-listbox-container {
4103
4111
  -webkit-overflow-scrolling: touch;
4112
+ box-sizing: border-box;
4104
4113
  cursor: pointer;
4105
4114
  display: block;
4106
4115
  position: relative;
@@ -4148,11 +4157,6 @@ ejs-multiselect {
4148
4157
  overflow: inherit;
4149
4158
  }
4150
4159
 
4151
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4152
- .e-listbox-container.e-filter-list .e-list-parent {
4153
- overflow: auto;
4154
- }
4155
-
4156
4160
  .e-listbox-wrapper .e-list-parent,
4157
4161
  .e-listbox-container .e-list-parent {
4158
4162
  height: 100%;
@@ -4435,6 +4439,14 @@ ejs-listbox {
4435
4439
  overflow: auto;
4436
4440
  }
4437
4441
 
4442
+ .e-listbox-wrapper.e-filter-list {
4443
+ overflow: inherit;
4444
+ }
4445
+
4446
+ .e-listbox-wrapper.e-filter-list.e-list-parent {
4447
+ overflow: auto;
4448
+ }
4449
+
4438
4450
  .e-listbox-wrapper.e-sortableclone,
4439
4451
  .e-listbox-container.e-sortableclone {
4440
4452
  border-width: 0;
package/styles/multi-select/_layout.scss CHANGED
@@ -1742,3 +1742,11 @@ ejs-multiselect {
1742
1742
  top: 100%;
1743
1743
  width: 16px;
1744
1744
  }
1745
+
1746
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1747
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1748
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1749
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1750
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1751
+ display: none;
1752
+ }
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -1043,6 +1043,14 @@ ejs-multiselect {
1043
1043
  width: 16px;
1044
1044
  }
1045
1045
 
1046
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1047
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1048
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1049
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1050
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1051
+ display: none;
1052
+ }
1053
+
1046
1054
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1047
1055
  color: #f0f0f0;
1048
1056
  }
package/styles/multi-select/bootstrap.css CHANGED
@@ -1041,6 +1041,14 @@ ejs-multiselect {
1041
1041
  width: 16px;
1042
1042
  }
1043
1043
 
1044
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1045
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1046
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1047
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1048
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1049
+ display: none;
1050
+ }
1051
+
1044
1052
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1045
1053
  color: #333;
1046
1054
  }
package/styles/multi-select/bootstrap4.css CHANGED
@@ -1141,6 +1141,14 @@ ejs-multiselect {
1141
1141
  width: 16px;
1142
1142
  }
1143
1143
 
1144
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1145
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1146
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1147
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1148
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1149
+ display: none;
1150
+ }
1151
+
1144
1152
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1145
1153
  color: #fff;
1146
1154
  }
package/styles/multi-select/bootstrap5-dark.css CHANGED
@@ -1087,6 +1087,14 @@ ejs-multiselect {
1087
1087
  width: 16px;
1088
1088
  }
1089
1089
 
1090
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1091
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1092
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1093
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1094
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1095
+ display: none;
1096
+ }
1097
+
1090
1098
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1091
1099
  color: #fff;
1092
1100
  }
package/styles/multi-select/bootstrap5.css CHANGED
@@ -1087,6 +1087,14 @@ ejs-multiselect {
1087
1087
  width: 16px;
1088
1088
  }
1089
1089
 
1090
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1091
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1092
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1093
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1094
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1095
+ display: none;
1096
+ }
1097
+
1090
1098
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1091
1099
  color: #212529;
1092
1100
  }
package/styles/multi-select/fabric-dark.css CHANGED
@@ -1044,6 +1044,14 @@ ejs-multiselect {
1044
1044
  width: 16px;
1045
1045
  }
1046
1046
 
1047
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1048
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1049
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1050
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1051
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1052
+ display: none;
1053
+ }
1054
+
1047
1055
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1048
1056
  color: #fff;
1049
1057
  }
package/styles/multi-select/fabric.css CHANGED
@@ -1044,6 +1044,14 @@ ejs-multiselect {
1044
1044
  width: 16px;
1045
1045
  }
1046
1046
 
1047
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1048
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1049
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1050
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1051
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1052
+ display: none;
1053
+ }
1054
+
1047
1055
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1048
1056
  color: #666;
1049
1057
  }
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -1167,6 +1167,14 @@ ejs-multiselect {
1167
1167
  width: 16px;
1168
1168
  }
1169
1169
 
1170
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1171
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1172
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1173
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1174
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
1175
+ display: none;
1176
+ }
1177
+
1170
1178
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1171
1179
  color: #fff;
1172
1180
  }