@syncfusion/ej2-dropdowns 20.2.36 → 20.2.40

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 (50) 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 +40 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +40 -6
  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 +11 -11
  12. package/src/drop-down-list/drop-down-list.js +22 -1
  13. package/src/drop-down-tree/drop-down-tree.js +2 -1
  14. package/src/list-box/list-box.js +13 -1
  15. package/src/multi-select/multi-select.js +3 -3
  16. package/styles/bootstrap-dark.css +33 -11
  17. package/styles/bootstrap.css +33 -11
  18. package/styles/bootstrap4.css +33 -11
  19. package/styles/bootstrap5-dark.css +34 -12
  20. package/styles/bootstrap5.css +34 -12
  21. package/styles/fabric-dark.css +33 -11
  22. package/styles/fabric.css +33 -11
  23. package/styles/fluent-dark.css +37 -15
  24. package/styles/fluent.css +34 -12
  25. package/styles/highcontrast-light.css +33 -11
  26. package/styles/highcontrast.css +33 -11
  27. package/styles/list-box/_bootstrap5-definition.scss +0 -2
  28. package/styles/list-box/_fluent-definition.scss +0 -2
  29. package/styles/list-box/_layout.scss +9 -0
  30. package/styles/list-box/_tailwind-definition.scss +0 -2
  31. package/styles/list-box/_theme.scss +23 -10
  32. package/styles/list-box/bootstrap-dark.css +33 -11
  33. package/styles/list-box/bootstrap.css +33 -11
  34. package/styles/list-box/bootstrap4.css +33 -11
  35. package/styles/list-box/bootstrap5-dark.css +34 -12
  36. package/styles/list-box/bootstrap5.css +34 -12
  37. package/styles/list-box/fabric-dark.css +33 -11
  38. package/styles/list-box/fabric.css +33 -11
  39. package/styles/list-box/fluent-dark.css +37 -15
  40. package/styles/list-box/fluent.css +34 -12
  41. package/styles/list-box/highcontrast-light.css +33 -11
  42. package/styles/list-box/highcontrast.css +33 -11
  43. package/styles/list-box/material-dark.css +33 -11
  44. package/styles/list-box/material.css +33 -11
  45. package/styles/list-box/tailwind-dark.css +34 -12
  46. package/styles/list-box/tailwind.css +34 -12
  47. package/styles/material-dark.css +33 -11
  48. package/styles/material.css +33 -11
  49. package/styles/tailwind-dark.css +34 -12
  50. package/styles/tailwind.css +34 -12
package/styles/list-box/highcontrast-light.css CHANGED
@@ -422,6 +422,16 @@ ejs-listbox {
422
422
  top: 30%;
423
423
  }
424
424
 
425
+ .e-listboxtool-container .e-left {
426
+ -ms-flex-direction: row-reverse;
427
+ flex-direction: row-reverse;
428
+ }
429
+
430
+ .e-listboxtool-wrapper .e-left {
431
+ -ms-flex-direction: column-reverse;
432
+ flex-direction: column-reverse;
433
+ }
434
+
425
435
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
426
436
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
427
437
  margin-right: 15px;
@@ -518,16 +528,30 @@ ejs-listbox {
518
528
  .e-listbox-container.e-bigger .e-list-header .e-text {
519
529
  font-size: 15px;
520
530
  }
521
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
522
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
531
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
532
+ height: calc(100% - 51px);
533
+ }
534
+
535
+ .e-listbox-container.e-filter-list .e-list-wrap {
536
+ height: calc(100% - 51px) !important;
537
+ }
538
+
539
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
523
540
  height: calc(100% - 45px);
524
541
  }
525
542
 
526
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
527
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
543
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
544
+ height: calc(100% - 45px) !important;
545
+ }
546
+
547
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
528
548
  height: calc(100% - 59px);
529
549
  }
530
550
 
551
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
552
+ height: calc(100% - 59px) !important;
553
+ }
554
+
531
555
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
532
556
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
533
557
  height: calc(100% - 104px);
@@ -538,11 +562,14 @@ ejs-listbox {
538
562
  height: calc(100% - 45px);
539
563
  }
540
564
 
541
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
542
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
565
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
543
566
  height: calc(100% - 55px);
544
567
  }
545
568
 
569
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
570
+ height: calc(100% - 55px) !important;
571
+ }
572
+
546
573
  .e-listbox-wrapper,
547
574
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
548
575
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -562,11 +589,6 @@ ejs-listbox {
562
589
  font-size: 14px;
563
590
  }
564
591
 
565
- .e-listbox-wrapper.e-filter-list .e-list-parent,
566
- .e-listbox-container.e-filter-list .e-list-parent {
567
- height: calc(100% - 51px);
568
- }
569
-
570
592
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
571
593
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
572
594
  height: calc(100% - 87px);
package/styles/list-box/highcontrast.css CHANGED
@@ -426,6 +426,16 @@ ejs-listbox {
426
426
  top: 30%;
427
427
  }
428
428
 
429
+ .e-listboxtool-container .e-left {
430
+ -ms-flex-direction: row-reverse;
431
+ flex-direction: row-reverse;
432
+ }
433
+
434
+ .e-listboxtool-wrapper .e-left {
435
+ -ms-flex-direction: column-reverse;
436
+ flex-direction: column-reverse;
437
+ }
438
+
429
439
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
430
440
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
431
441
  margin-right: 15px;
@@ -528,16 +538,30 @@ ejs-listbox {
528
538
  .e-listbox-container.e-bigger .e-list-header .e-text {
529
539
  font-size: 15px;
530
540
  }
531
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
532
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
541
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
542
+ height: calc(100% - 51px);
543
+ }
544
+
545
+ .e-listbox-container.e-filter-list .e-list-wrap {
546
+ height: calc(100% - 51px) !important;
547
+ }
548
+
549
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
533
550
  height: calc(100% - 45px);
534
551
  }
535
552
 
536
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
537
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
553
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
554
+ height: calc(100% - 45px) !important;
555
+ }
556
+
557
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
538
558
  height: calc(100% - 59px);
539
559
  }
540
560
 
561
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
562
+ height: calc(100% - 59px) !important;
563
+ }
564
+
541
565
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
542
566
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
543
567
  height: calc(100% - 104px);
@@ -548,11 +572,14 @@ ejs-listbox {
548
572
  height: calc(100% - 45px);
549
573
  }
550
574
 
551
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
552
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
575
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
553
576
  height: calc(100% - 55px);
554
577
  }
555
578
 
579
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
580
+ height: calc(100% - 55px) !important;
581
+ }
582
+
556
583
  .e-listbox-wrapper,
557
584
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
558
585
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -572,11 +599,6 @@ ejs-listbox {
572
599
  font-size: 14px;
573
600
  }
574
601
 
575
- .e-listbox-wrapper.e-filter-list .e-list-parent,
576
- .e-listbox-container.e-filter-list .e-list-parent {
577
- height: calc(100% - 51px);
578
- }
579
-
580
602
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
581
603
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
582
604
  height: calc(100% - 87px);
package/styles/list-box/material-dark.css CHANGED
@@ -408,6 +408,16 @@ ejs-listbox {
408
408
  top: 30%;
409
409
  }
410
410
 
411
+ .e-listboxtool-container .e-left {
412
+ -ms-flex-direction: row-reverse;
413
+ flex-direction: row-reverse;
414
+ }
415
+
416
+ .e-listboxtool-wrapper .e-left {
417
+ -ms-flex-direction: column-reverse;
418
+ flex-direction: column-reverse;
419
+ }
420
+
411
421
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
412
422
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
413
423
  margin-right: 15px;
@@ -504,16 +514,30 @@ ejs-listbox {
504
514
  .e-listbox-container.e-bigger .e-list-header .e-text {
505
515
  font-size: 20px;
506
516
  }
507
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
508
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
517
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
518
+ height: calc(100% - 43px);
519
+ }
520
+
521
+ .e-listbox-container.e-filter-list .e-list-wrap {
522
+ height: calc(100% - 43px) !important;
523
+ }
524
+
525
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
509
526
  height: calc(100% - 45px);
510
527
  }
511
528
 
512
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
513
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
529
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
530
+ height: calc(100% - 45px) !important;
531
+ }
532
+
533
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
514
534
  height: calc(100% - 50px);
515
535
  }
516
536
 
537
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
538
+ height: calc(100% - 50px) !important;
539
+ }
540
+
517
541
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
518
542
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
519
543
  height: calc(100% - 98px);
@@ -524,11 +548,14 @@ ejs-listbox {
524
548
  height: calc(100% - 48px);
525
549
  }
526
550
 
527
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
528
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
551
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
529
552
  height: calc(100% - 45px);
530
553
  }
531
554
 
555
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
556
+ height: calc(100% - 45px) !important;
557
+ }
558
+
532
559
  .e-listbox-wrapper,
533
560
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
534
561
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -548,11 +575,6 @@ ejs-listbox {
548
575
  font-size: 20px;
549
576
  }
550
577
 
551
- .e-listbox-wrapper.e-filter-list .e-list-parent,
552
- .e-listbox-container.e-filter-list .e-list-parent {
553
- height: calc(100% - 43px);
554
- }
555
-
556
578
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
557
579
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
558
580
  height: calc(100% - 79px);
package/styles/list-box/material.css CHANGED
@@ -412,6 +412,16 @@ ejs-listbox {
412
412
  top: 30%;
413
413
  }
414
414
 
415
+ .e-listboxtool-container .e-left {
416
+ -ms-flex-direction: row-reverse;
417
+ flex-direction: row-reverse;
418
+ }
419
+
420
+ .e-listboxtool-wrapper .e-left {
421
+ -ms-flex-direction: column-reverse;
422
+ flex-direction: column-reverse;
423
+ }
424
+
415
425
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
416
426
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
417
427
  margin-right: 15px;
@@ -514,16 +524,30 @@ ejs-listbox {
514
524
  .e-listbox-container.e-bigger .e-list-header .e-text {
515
525
  font-size: 20px;
516
526
  }
517
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
518
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
527
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
528
+ height: calc(100% - 43px);
529
+ }
530
+
531
+ .e-listbox-container.e-filter-list .e-list-wrap {
532
+ height: calc(100% - 43px) !important;
533
+ }
534
+
535
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
519
536
  height: calc(100% - 45px);
520
537
  }
521
538
 
522
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
523
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
539
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
540
+ height: calc(100% - 45px) !important;
541
+ }
542
+
543
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
524
544
  height: calc(100% - 50px);
525
545
  }
526
546
 
547
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
548
+ height: calc(100% - 50px) !important;
549
+ }
550
+
527
551
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
528
552
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
529
553
  height: calc(100% - 98px);
@@ -534,11 +558,14 @@ ejs-listbox {
534
558
  height: calc(100% - 48px);
535
559
  }
536
560
 
537
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
538
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
561
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
539
562
  height: calc(100% - 45px);
540
563
  }
541
564
 
565
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
566
+ height: calc(100% - 45px) !important;
567
+ }
568
+
542
569
  .e-listbox-wrapper,
543
570
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
544
571
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -558,11 +585,6 @@ ejs-listbox {
558
585
  font-size: 20px;
559
586
  }
560
587
 
561
- .e-listbox-wrapper.e-filter-list .e-list-parent,
562
- .e-listbox-container.e-filter-list .e-list-parent {
563
- height: calc(100% - 43px);
564
- }
565
-
566
588
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
567
589
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
568
590
  height: calc(100% - 79px);
package/styles/list-box/tailwind-dark.css CHANGED
@@ -448,6 +448,16 @@ ejs-listbox {
448
448
  top: 30%;
449
449
  }
450
450
 
451
+ .e-listboxtool-container .e-left {
452
+ -ms-flex-direction: row-reverse;
453
+ flex-direction: row-reverse;
454
+ }
455
+
456
+ .e-listboxtool-wrapper .e-left {
457
+ -ms-flex-direction: column-reverse;
458
+ flex-direction: column-reverse;
459
+ }
460
+
451
461
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
452
462
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
453
463
  margin-right: 15px;
@@ -550,14 +560,28 @@ ejs-listbox {
550
560
  .e-listbox-container.e-bigger .e-list-header .e-text {
551
561
  font-size: 14px;
552
562
  }
553
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
554
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
563
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
564
+ height: calc(100% - 38px);
565
+ }
566
+
567
+ .e-listbox-container.e-filter-list .e-list-wrap {
568
+ height: calc(100% - 38px) !important;
569
+ }
570
+
571
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
555
572
  height: calc(100% - 45px);
556
573
  }
557
574
 
558
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
559
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
560
- height: calc(100% - 55px);
575
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
576
+ height: calc(100% - 45px) !important;
577
+ }
578
+
579
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
580
+ height: calc(100% - 46px);
581
+ }
582
+
583
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 46px) !important;
561
585
  }
562
586
 
563
587
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -570,11 +594,14 @@ ejs-listbox {
570
594
  height: calc(100% - 48px);
571
595
  }
572
596
 
573
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
574
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
597
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
575
598
  height: calc(100% - 45px);
576
599
  }
577
600
 
601
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
602
+ height: calc(100% - 45px) !important;
603
+ }
604
+
578
605
  .e-listbox-wrapper,
579
606
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
580
607
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -604,11 +631,6 @@ ejs-listbox {
604
631
  font-size: 12px;
605
632
  }
606
633
 
607
- .e-listbox-wrapper.e-filter-list .e-list-parent,
608
- .e-listbox-container.e-filter-list .e-list-parent {
609
- height: calc(100% - 47px);
610
- }
611
-
612
634
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
613
635
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
614
636
  height: calc(100% - 76px);
package/styles/list-box/tailwind.css CHANGED
@@ -448,6 +448,16 @@ ejs-listbox {
448
448
  top: 30%;
449
449
  }
450
450
 
451
+ .e-listboxtool-container .e-left {
452
+ -ms-flex-direction: row-reverse;
453
+ flex-direction: row-reverse;
454
+ }
455
+
456
+ .e-listboxtool-wrapper .e-left {
457
+ -ms-flex-direction: column-reverse;
458
+ flex-direction: column-reverse;
459
+ }
460
+
451
461
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
452
462
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
453
463
  margin-right: 15px;
@@ -550,14 +560,28 @@ ejs-listbox {
550
560
  .e-listbox-container.e-bigger .e-list-header .e-text {
551
561
  font-size: 14px;
552
562
  }
553
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
554
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
563
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
564
+ height: calc(100% - 38px);
565
+ }
566
+
567
+ .e-listbox-container.e-filter-list .e-list-wrap {
568
+ height: calc(100% - 38px) !important;
569
+ }
570
+
571
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
555
572
  height: calc(100% - 45px);
556
573
  }
557
574
 
558
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
559
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
560
- height: calc(100% - 55px);
575
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
576
+ height: calc(100% - 45px) !important;
577
+ }
578
+
579
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
580
+ height: calc(100% - 46px);
581
+ }
582
+
583
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 46px) !important;
561
585
  }
562
586
 
563
587
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -570,11 +594,14 @@ ejs-listbox {
570
594
  height: calc(100% - 48px);
571
595
  }
572
596
 
573
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
574
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
597
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
575
598
  height: calc(100% - 45px);
576
599
  }
577
600
 
601
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
602
+ height: calc(100% - 45px) !important;
603
+ }
604
+
578
605
  .e-listbox-wrapper,
579
606
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
580
607
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -604,11 +631,6 @@ ejs-listbox {
604
631
  font-size: 12px;
605
632
  }
606
633
 
607
- .e-listbox-wrapper.e-filter-list .e-list-parent,
608
- .e-listbox-container.e-filter-list .e-list-parent {
609
- height: calc(100% - 47px);
610
- }
611
-
612
634
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
613
635
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
614
636
  height: calc(100% - 76px);
package/styles/material-dark.css CHANGED
@@ -4203,6 +4203,16 @@ ejs-listbox {
4203
4203
  top: 30%;
4204
4204
  }
4205
4205
 
4206
+ .e-listboxtool-container .e-left {
4207
+ -ms-flex-direction: row-reverse;
4208
+ flex-direction: row-reverse;
4209
+ }
4210
+
4211
+ .e-listboxtool-wrapper .e-left {
4212
+ -ms-flex-direction: column-reverse;
4213
+ flex-direction: column-reverse;
4214
+ }
4215
+
4206
4216
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4207
4217
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
4208
4218
  margin-right: 15px;
@@ -4305,16 +4315,30 @@ ejs-listbox {
4305
4315
  .e-listbox-container.e-bigger .e-list-header .e-text {
4306
4316
  font-size: 20px;
4307
4317
  }
4308
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4309
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
4318
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4319
+ height: calc(100% - 43px);
4320
+ }
4321
+
4322
+ .e-listbox-container.e-filter-list .e-list-wrap {
4323
+ height: calc(100% - 43px) !important;
4324
+ }
4325
+
4326
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
4310
4327
  height: calc(100% - 45px);
4311
4328
  }
4312
4329
 
4313
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4314
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4330
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
4331
+ height: calc(100% - 45px) !important;
4332
+ }
4333
+
4334
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4315
4335
  height: calc(100% - 50px);
4316
4336
  }
4317
4337
 
4338
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4339
+ height: calc(100% - 50px) !important;
4340
+ }
4341
+
4318
4342
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4319
4343
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4320
4344
  height: calc(100% - 98px);
@@ -4325,11 +4349,14 @@ ejs-listbox {
4325
4349
  height: calc(100% - 48px);
4326
4350
  }
4327
4351
 
4328
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4329
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4352
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4330
4353
  height: calc(100% - 45px);
4331
4354
  }
4332
4355
 
4356
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4357
+ height: calc(100% - 45px) !important;
4358
+ }
4359
+
4333
4360
  .e-listbox-wrapper,
4334
4361
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4335
4362
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4349,11 +4376,6 @@ ejs-listbox {
4349
4376
  font-size: 20px;
4350
4377
  }
4351
4378
 
4352
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4353
- .e-listbox-container.e-filter-list .e-list-parent {
4354
- height: calc(100% - 43px);
4355
- }
4356
-
4357
4379
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4358
4380
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4359
4381
  height: calc(100% - 79px);
package/styles/material.css CHANGED
@@ -4260,6 +4260,16 @@ ejs-listbox {
4260
4260
  top: 30%;
4261
4261
  }
4262
4262
 
4263
+ .e-listboxtool-container .e-left {
4264
+ -ms-flex-direction: row-reverse;
4265
+ flex-direction: row-reverse;
4266
+ }
4267
+
4268
+ .e-listboxtool-wrapper .e-left {
4269
+ -ms-flex-direction: column-reverse;
4270
+ flex-direction: column-reverse;
4271
+ }
4272
+
4263
4273
  .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4264
4274
  .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
4265
4275
  margin-right: 15px;
@@ -4362,16 +4372,30 @@ ejs-listbox {
4362
4372
  .e-listbox-container.e-bigger .e-list-header .e-text {
4363
4373
  font-size: 20px;
4364
4374
  }
4365
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4366
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
4375
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4376
+ height: calc(100% - 43px);
4377
+ }
4378
+
4379
+ .e-listbox-container.e-filter-list .e-list-wrap {
4380
+ height: calc(100% - 43px) !important;
4381
+ }
4382
+
4383
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
4367
4384
  height: calc(100% - 45px);
4368
4385
  }
4369
4386
 
4370
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4371
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4387
+ .e-small .e-listbox-container.e-filter-list .e-list-wrap {
4388
+ height: calc(100% - 45px) !important;
4389
+ }
4390
+
4391
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4372
4392
  height: calc(100% - 50px);
4373
4393
  }
4374
4394
 
4395
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4396
+ height: calc(100% - 50px) !important;
4397
+ }
4398
+
4375
4399
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4376
4400
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4377
4401
  height: calc(100% - 98px);
@@ -4382,11 +4406,14 @@ ejs-listbox {
4382
4406
  height: calc(100% - 48px);
4383
4407
  }
4384
4408
 
4385
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4386
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4409
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
4387
4410
  height: calc(100% - 45px);
4388
4411
  }
4389
4412
 
4413
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4414
+ height: calc(100% - 45px) !important;
4415
+ }
4416
+
4390
4417
  .e-listbox-wrapper,
4391
4418
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
4392
4419
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -4406,11 +4433,6 @@ ejs-listbox {
4406
4433
  font-size: 20px;
4407
4434
  }
4408
4435
 
4409
- .e-listbox-wrapper.e-filter-list .e-list-parent,
4410
- .e-listbox-container.e-filter-list .e-list-parent {
4411
- height: calc(100% - 43px);
4412
- }
4413
-
4414
4436
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4415
4437
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4416
4438
  height: calc(100% - 79px);