@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
package/styles/list-box/material3-dark.css CHANGED
@@ -617,27 +617,66 @@ ejs-listbox {
617
617
  }
618
618
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
619
619
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
620
- height: calc(100% - 35px);
620
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
621
+ }
622
+
623
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
624
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
625
+ }
626
+
627
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
628
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
621
629
  }
622
630
 
623
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
624
631
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
625
- height: calc(100% - 48px);
632
+ height: 100%;
626
633
  }
627
634
 
628
635
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
629
636
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
630
- height: calc(100% - 98px);
637
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
638
+ }
639
+
640
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
641
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
642
+ }
643
+
644
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
645
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
646
+ }
647
+
648
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
649
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
652
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
653
+ height: 100%;
631
654
  }
632
655
 
633
656
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
657
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
658
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
634
661
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
635
- height: calc(100% - 48px);
662
+ height: 100%;
636
663
  }
637
664
 
638
665
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
666
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
667
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
668
+ }
669
+
670
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
671
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
672
+ }
673
+
674
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
675
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
676
+ }
677
+
639
678
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
640
- height: calc(100% - 37px);
679
+ height: 100%;
641
680
  }
642
681
 
643
682
  .e-listbox-wrapper,
@@ -664,13 +703,13 @@ ejs-listbox {
664
703
  .e-listbox-wrapper.e-filter-list .e-list-parent,
665
704
  .e-listbox-container.e-filter-list .e-list-parent,
666
705
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
667
- height: calc(100% - 40px);
706
+ height: calc(100% - 36px);
668
707
  }
669
708
 
670
709
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
671
710
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
672
711
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
673
- height: calc(100% - 79px);
712
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
674
713
  }
675
714
 
676
715
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -944,4 +983,28 @@ ejs-listbox {
944
983
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
945
984
  padding-left: 10px;
946
985
  padding-right: 16px;
986
+ }
987
+
988
+ .e-listbox-container.e-filter-list .e-list-parent {
989
+ height: 100%;
990
+ }
991
+
992
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
993
+ height: 100%;
994
+ }
995
+
996
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
997
+ height: 100%;
998
+ }
999
+
1000
+ .e-listbox-container.e-filter-list .e-list-wrap {
1001
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
1002
+ }
1003
+
1004
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1005
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
1006
+ }
1007
+
1008
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1009
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
947
1010
  }
package/styles/list-box/material3.css CHANGED
@@ -673,27 +673,66 @@ ejs-listbox {
673
673
  }
674
674
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
675
675
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
676
- height: calc(100% - 35px);
676
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
677
+ }
678
+
679
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
680
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
681
+ }
682
+
683
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
684
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
677
685
  }
678
686
 
679
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
680
687
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
681
- height: calc(100% - 48px);
688
+ height: 100%;
682
689
  }
683
690
 
684
691
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
685
692
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
686
- height: calc(100% - 98px);
693
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
694
+ }
695
+
696
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
697
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
698
+ }
699
+
700
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
701
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
702
+ }
703
+
704
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
705
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
706
+ }
707
+
708
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
709
+ height: 100%;
687
710
  }
688
711
 
689
712
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
713
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
714
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
715
+ }
716
+
690
717
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
691
- height: calc(100% - 48px);
718
+ height: 100%;
692
719
  }
693
720
 
694
721
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
722
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
723
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
724
+ }
725
+
726
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
727
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
728
+ }
729
+
730
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
731
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
732
+ }
733
+
695
734
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
696
- height: calc(100% - 37px);
735
+ height: 100%;
697
736
  }
698
737
 
699
738
  .e-listbox-wrapper,
@@ -720,13 +759,13 @@ ejs-listbox {
720
759
  .e-listbox-wrapper.e-filter-list .e-list-parent,
721
760
  .e-listbox-container.e-filter-list .e-list-parent,
722
761
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
723
- height: calc(100% - 40px);
762
+ height: calc(100% - 36px);
724
763
  }
725
764
 
726
765
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
727
766
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
728
767
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
729
- height: calc(100% - 79px);
768
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
730
769
  }
731
770
 
732
771
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -1000,4 +1039,28 @@ ejs-listbox {
1000
1039
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
1001
1040
  padding-left: 10px;
1002
1041
  padding-right: 16px;
1042
+ }
1043
+
1044
+ .e-listbox-container.e-filter-list .e-list-parent {
1045
+ height: 100%;
1046
+ }
1047
+
1048
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
1049
+ height: 100%;
1050
+ }
1051
+
1052
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
1053
+ height: 100%;
1054
+ }
1055
+
1056
+ .e-listbox-container.e-filter-list .e-list-wrap {
1057
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
1058
+ }
1059
+
1060
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1061
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
1062
+ }
1063
+
1064
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1065
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
1003
1066
  }
package/styles/list-box/tailwind-dark.css CHANGED
@@ -608,27 +608,66 @@ ejs-listbox {
608
608
  }
609
609
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
610
610
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
611
- height: calc(100% - 45px);
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
619
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
612
620
  }
613
621
 
614
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
615
622
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
616
- height: calc(100% - 57px);
623
+ height: 100%;
617
624
  }
618
625
 
619
626
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
620
627
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
621
- height: calc(100% - 94px);
628
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
631
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
632
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
636
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
637
+ }
638
+
639
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
640
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
641
+ }
642
+
643
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
644
+ height: 100%;
622
645
  }
623
646
 
624
647
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
648
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
649
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
625
652
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 48px);
653
+ height: 100%;
627
654
  }
628
655
 
629
656
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
657
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
658
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
662
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
663
+ }
664
+
665
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
666
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
667
+ }
668
+
630
669
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
631
- height: calc(100% - 53px);
670
+ height: 100%;
632
671
  }
633
672
 
634
673
  .e-listbox-wrapper,
@@ -665,13 +704,13 @@ ejs-listbox {
665
704
  .e-listbox-wrapper.e-filter-list .e-list-parent,
666
705
  .e-listbox-container.e-filter-list .e-list-parent,
667
706
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
668
- height: calc(100% - 49px);
707
+ height: calc(100% - 50px);
669
708
  }
670
709
 
671
710
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
672
711
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
673
712
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
674
- height: calc(100% - 76px);
713
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
675
714
  }
676
715
 
677
716
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -945,4 +984,28 @@ ejs-listbox {
945
984
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
946
985
  padding-left: 10px;
947
986
  padding-right: 16px;
987
+ }
988
+
989
+ .e-listbox-container.e-filter-list .e-list-parent {
990
+ height: 100%;
991
+ }
992
+
993
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
994
+ height: 100%;
995
+ }
996
+
997
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
998
+ height: 100%;
999
+ }
1000
+
1001
+ .e-listbox-container.e-filter-list .e-list-wrap {
1002
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
1003
+ }
1004
+
1005
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1006
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
1007
+ }
1008
+
1009
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1010
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
948
1011
  }
package/styles/list-box/tailwind.css CHANGED
@@ -608,27 +608,66 @@ ejs-listbox {
608
608
  }
609
609
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
610
610
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
611
- height: calc(100% - 45px);
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
619
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
612
620
  }
613
621
 
614
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
615
622
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
616
- height: calc(100% - 57px);
623
+ height: 100%;
617
624
  }
618
625
 
619
626
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
620
627
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
621
- height: calc(100% - 94px);
628
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
631
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
632
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
636
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
637
+ }
638
+
639
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
640
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
641
+ }
642
+
643
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
644
+ height: 100%;
622
645
  }
623
646
 
624
647
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
648
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
649
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
625
652
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 48px);
653
+ height: 100%;
627
654
  }
628
655
 
629
656
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
657
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
658
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
662
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
663
+ }
664
+
665
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
666
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
667
+ }
668
+
630
669
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
631
- height: calc(100% - 53px);
670
+ height: 100%;
632
671
  }
633
672
 
634
673
  .e-listbox-wrapper,
@@ -665,13 +704,13 @@ ejs-listbox {
665
704
  .e-listbox-wrapper.e-filter-list .e-list-parent,
666
705
  .e-listbox-container.e-filter-list .e-list-parent,
667
706
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
668
- height: calc(100% - 49px);
707
+ height: calc(100% - 50px);
669
708
  }
670
709
 
671
710
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
672
711
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
673
712
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
674
- height: calc(100% - 76px);
713
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
675
714
  }
676
715
 
677
716
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -945,4 +984,28 @@ ejs-listbox {
945
984
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
946
985
  padding-left: 10px;
947
986
  padding-right: 16px;
987
+ }
988
+
989
+ .e-listbox-container.e-filter-list .e-list-parent {
990
+ height: 100%;
991
+ }
992
+
993
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
994
+ height: 100%;
995
+ }
996
+
997
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
998
+ height: 100%;
999
+ }
1000
+
1001
+ .e-listbox-container.e-filter-list .e-list-wrap {
1002
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
1003
+ }
1004
+
1005
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1006
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
1007
+ }
1008
+
1009
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1010
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
948
1011
  }
package/styles/material-dark.css CHANGED
@@ -4435,27 +4435,66 @@ ejs-listbox {
4435
4435
  }
4436
4436
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4437
4437
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4438
- height: calc(100% - 45px);
4438
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4439
+ }
4440
+
4441
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4442
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4443
+ }
4444
+
4445
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4446
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
4439
4447
  }
4440
4448
 
4441
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4442
4449
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4443
- height: calc(100% - 50px);
4450
+ height: 100%;
4444
4451
  }
4445
4452
 
4446
4453
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4447
4454
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4448
- height: calc(100% - 98px);
4455
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4456
+ }
4457
+
4458
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4459
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4460
+ }
4461
+
4462
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4463
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4464
+ }
4465
+
4466
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
4467
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
4468
+ }
4469
+
4470
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4471
+ height: 100%;
4449
4472
  }
4450
4473
 
4451
4474
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
4475
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
4476
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
4477
+ }
4478
+
4452
4479
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4453
- height: calc(100% - 48px);
4480
+ height: 100%;
4454
4481
  }
4455
4482
 
4456
4483
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4484
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
4485
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
4486
+ }
4487
+
4488
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4489
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
4490
+ }
4491
+
4492
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
4493
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
4494
+ }
4495
+
4457
4496
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4458
- height: calc(100% - 45px);
4497
+ height: 100%;
4459
4498
  }
4460
4499
 
4461
4500
  .e-listbox-wrapper,
@@ -4482,13 +4521,13 @@ ejs-listbox {
4482
4521
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4483
4522
  .e-listbox-container.e-filter-list .e-list-parent,
4484
4523
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4485
- height: calc(100% - 43px);
4524
+ height: calc(100% - 48px);
4486
4525
  }
4487
4526
 
4488
4527
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4489
4528
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4490
4529
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4491
- height: calc(100% - 79px);
4530
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4492
4531
  }
4493
4532
 
4494
4533
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4764,6 +4803,30 @@ ejs-listbox {
4764
4803
  padding-right: 1.0666em;
4765
4804
  }
4766
4805
 
4806
+ .e-listbox-container.e-filter-list .e-list-parent {
4807
+ height: 100%;
4808
+ }
4809
+
4810
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4811
+ height: 100%;
4812
+ }
4813
+
4814
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
4815
+ height: 100%;
4816
+ }
4817
+
4818
+ .e-listbox-container.e-filter-list .e-list-wrap {
4819
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
4820
+ }
4821
+
4822
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
4823
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4824
+ }
4825
+
4826
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
4827
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4828
+ }
4829
+
4767
4830
  /* stylelint-disable property-no-vendor-prefix */
4768
4831
  @keyframes material-spinner-rotate {
4769
4832
  0% {