@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/fluent-dark.css CHANGED
@@ -599,27 +599,66 @@ ejs-listbox {
599
599
  }
600
600
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
601
601
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
602
- height: calc(100% - 50px);
602
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
603
+ }
604
+
605
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
606
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
607
+ }
608
+
609
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
610
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
603
611
  }
604
612
 
605
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
606
613
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
607
- height: calc(100% - 64px);
614
+ height: 100%;
608
615
  }
609
616
 
610
617
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
611
618
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
612
- height: calc(100% - 113px);
619
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
622
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
623
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
624
+ }
625
+
626
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
627
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
628
+ }
629
+
630
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
631
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
632
+ }
633
+
634
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
635
+ height: 100%;
613
636
  }
614
637
 
615
638
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
639
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
640
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
641
+ }
642
+
616
643
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
617
- height: calc(100% - 48px);
644
+ height: 100%;
618
645
  }
619
646
 
620
647
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
648
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
649
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
652
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
653
+ height: calc(100% - 93px) !important; /* stylelint-disable-line declaration-no-important */
654
+ }
655
+
656
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
657
+ height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
658
+ }
659
+
621
660
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
622
- height: calc(100% - 59px);
661
+ height: 100%;
623
662
  }
624
663
 
625
664
  .e-listbox-wrapper,
@@ -652,7 +691,7 @@ ejs-listbox {
652
691
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
653
692
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
654
693
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
655
- height: calc(100% - 93px);
694
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
656
695
  }
657
696
 
658
697
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -926,4 +965,28 @@ ejs-listbox {
926
965
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
927
966
  padding-left: 10px;
928
967
  padding-right: 16px;
968
+ }
969
+
970
+ .e-listbox-container.e-filter-list .e-list-parent {
971
+ height: 100%;
972
+ }
973
+
974
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
975
+ height: 100%;
976
+ }
977
+
978
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
979
+ height: 100%;
980
+ }
981
+
982
+ .e-listbox-container.e-filter-list .e-list-wrap {
983
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
984
+ }
985
+
986
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
987
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
988
+ }
989
+
990
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
991
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
929
992
  }
package/styles/list-box/fluent.css CHANGED
@@ -599,27 +599,66 @@ ejs-listbox {
599
599
  }
600
600
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
601
601
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
602
- height: calc(100% - 50px);
602
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
603
+ }
604
+
605
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
606
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
607
+ }
608
+
609
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
610
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
603
611
  }
604
612
 
605
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
606
613
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
607
- height: calc(100% - 64px);
614
+ height: 100%;
608
615
  }
609
616
 
610
617
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
611
618
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
612
- height: calc(100% - 113px);
619
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
622
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
623
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
624
+ }
625
+
626
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
627
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
628
+ }
629
+
630
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
631
+ height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
632
+ }
633
+
634
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
635
+ height: 100%;
613
636
  }
614
637
 
615
638
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
639
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
640
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
641
+ }
642
+
616
643
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
617
- height: calc(100% - 48px);
644
+ height: 100%;
618
645
  }
619
646
 
620
647
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
648
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
649
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
650
+ }
651
+
652
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
653
+ height: calc(100% - 93px) !important; /* stylelint-disable-line declaration-no-important */
654
+ }
655
+
656
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
657
+ height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
658
+ }
659
+
621
660
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
622
- height: calc(100% - 59px);
661
+ height: 100%;
623
662
  }
624
663
 
625
664
  .e-listbox-wrapper,
@@ -652,7 +691,7 @@ ejs-listbox {
652
691
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
653
692
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
654
693
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
655
- height: calc(100% - 93px);
694
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
656
695
  }
657
696
 
658
697
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -926,4 +965,28 @@ ejs-listbox {
926
965
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
927
966
  padding-left: 10px;
928
967
  padding-right: 16px;
968
+ }
969
+
970
+ .e-listbox-container.e-filter-list .e-list-parent {
971
+ height: 100%;
972
+ }
973
+
974
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
975
+ height: 100%;
976
+ }
977
+
978
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
979
+ height: 100%;
980
+ }
981
+
982
+ .e-listbox-container.e-filter-list .e-list-wrap {
983
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
984
+ }
985
+
986
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
987
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
988
+ }
989
+
990
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
991
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
929
992
  }
package/styles/list-box/highcontrast-light.css CHANGED
@@ -576,27 +576,66 @@ ejs-listbox {
576
576
  }
577
577
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
578
578
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
579
- height: calc(100% - 45px);
579
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
580
+ }
581
+
582
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
583
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
584
+ }
585
+
586
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
587
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
580
588
  }
581
589
 
582
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
583
590
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
584
- height: calc(100% - 59px);
591
+ height: 100%;
585
592
  }
586
593
 
587
594
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
588
595
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
589
- height: calc(100% - 104px);
596
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
597
+ }
598
+
599
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
600
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
601
+ }
602
+
603
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
604
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
608
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
609
+ }
610
+
611
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
612
+ height: 100%;
590
613
  }
591
614
 
592
615
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
616
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
617
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
618
+ }
619
+
593
620
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
594
- height: calc(100% - 45px);
621
+ height: 100%;
595
622
  }
596
623
 
597
624
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
625
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
626
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
627
+ }
628
+
629
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
630
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
633
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
634
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
635
+ }
636
+
598
637
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
599
- height: calc(100% - 55px);
638
+ height: 100%;
600
639
  }
601
640
 
602
641
  .e-listbox-wrapper,
@@ -629,7 +668,7 @@ ejs-listbox {
629
668
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
630
669
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
631
670
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
632
- height: calc(100% - 87px);
671
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
633
672
  }
634
673
 
635
674
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -903,4 +942,28 @@ ejs-listbox {
903
942
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
904
943
  padding-left: 3.3846em;
905
944
  padding-right: 0.923em;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
952
+ height: 100%;
953
+ }
954
+
955
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
956
+ height: 100%;
957
+ }
958
+
959
+ .e-listbox-container.e-filter-list .e-list-wrap {
960
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }
962
+
963
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
964
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
965
+ }
966
+
967
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
968
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
906
969
  }
package/styles/list-box/highcontrast.css CHANGED
@@ -587,27 +587,66 @@ ejs-listbox {
587
587
  }
588
588
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
589
589
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
590
- height: calc(100% - 45px);
590
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
591
+ }
592
+
593
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
594
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
595
+ }
596
+
597
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
598
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
591
599
  }
592
600
 
593
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
594
601
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
595
- height: calc(100% - 59px);
602
+ height: 100%;
596
603
  }
597
604
 
598
605
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
599
606
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
600
- height: calc(100% - 104px);
607
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
608
+ }
609
+
610
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
615
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
619
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
622
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
623
+ height: 100%;
601
624
  }
602
625
 
603
626
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
627
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
628
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
629
+ }
630
+
604
631
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
605
- height: calc(100% - 45px);
632
+ height: 100%;
606
633
  }
607
634
 
608
635
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
636
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
637
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
638
+ }
639
+
640
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
641
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
642
+ }
643
+
644
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
645
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
646
+ }
647
+
609
648
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
610
- height: calc(100% - 55px);
649
+ height: 100%;
611
650
  }
612
651
 
613
652
  .e-listbox-wrapper,
@@ -640,7 +679,7 @@ ejs-listbox {
640
679
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
641
680
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
642
681
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
643
- height: calc(100% - 87px);
682
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
644
683
  }
645
684
 
646
685
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -914,4 +953,28 @@ ejs-listbox {
914
953
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
915
954
  padding-left: 3.3846em;
916
955
  padding-right: 0.923em;
956
+ }
957
+
958
+ .e-listbox-container.e-filter-list .e-list-parent {
959
+ height: 100%;
960
+ }
961
+
962
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
963
+ height: 100%;
964
+ }
965
+
966
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
967
+ height: 100%;
968
+ }
969
+
970
+ .e-listbox-container.e-filter-list .e-list-wrap {
971
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
972
+ }
973
+
974
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
975
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
976
+ }
977
+
978
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
979
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
917
980
  }
package/styles/list-box/material-dark.css CHANGED
@@ -561,27 +561,66 @@ ejs-listbox {
561
561
  }
562
562
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
563
563
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
564
- height: calc(100% - 45px);
564
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
565
+ }
566
+
567
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
568
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
569
+ }
570
+
571
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
572
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
565
573
  }
566
574
 
567
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
568
575
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
569
- height: calc(100% - 50px);
576
+ height: 100%;
570
577
  }
571
578
 
572
579
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
573
580
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
574
- height: calc(100% - 98px);
581
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
582
+ }
583
+
584
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
585
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
586
+ }
587
+
588
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
589
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
590
+ }
591
+
592
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
593
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
594
+ }
595
+
596
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
+ height: 100%;
575
598
  }
576
599
 
577
600
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
601
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
602
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
603
+ }
604
+
578
605
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
579
- height: calc(100% - 48px);
606
+ height: 100%;
580
607
  }
581
608
 
582
609
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
610
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
611
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
612
+ }
613
+
614
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
615
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
616
+ }
617
+
618
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
619
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
620
+ }
621
+
583
622
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
584
- height: calc(100% - 45px);
623
+ height: 100%;
585
624
  }
586
625
 
587
626
  .e-listbox-wrapper,
@@ -608,13 +647,13 @@ ejs-listbox {
608
647
  .e-listbox-wrapper.e-filter-list .e-list-parent,
609
648
  .e-listbox-container.e-filter-list .e-list-parent,
610
649
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
611
- height: calc(100% - 43px);
650
+ height: calc(100% - 48px);
612
651
  }
613
652
 
614
653
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
615
654
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
616
655
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
617
- height: calc(100% - 79px);
656
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
618
657
  }
619
658
 
620
659
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -888,4 +927,28 @@ ejs-listbox {
888
927
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
889
928
  padding-left: 4.1333em;
890
929
  padding-right: 1.0666em;
930
+ }
931
+
932
+ .e-listbox-container.e-filter-list .e-list-parent {
933
+ height: 100%;
934
+ }
935
+
936
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
937
+ height: 100%;
938
+ }
939
+
940
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
941
+ height: 100%;
942
+ }
943
+
944
+ .e-listbox-container.e-filter-list .e-list-wrap {
945
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
946
+ }
947
+
948
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
949
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
950
+ }
951
+
952
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
953
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
891
954
  }
package/styles/list-box/material.css CHANGED
@@ -572,27 +572,66 @@ ejs-listbox {
572
572
  }
573
573
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
574
574
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
575
- height: calc(100% - 45px);
575
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
576
+ }
577
+
578
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
579
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
580
+ }
581
+
582
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
583
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
576
584
  }
577
585
 
578
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
579
586
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
580
- height: calc(100% - 50px);
587
+ height: 100%;
581
588
  }
582
589
 
583
590
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
584
591
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
585
- height: calc(100% - 98px);
592
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
593
+ }
594
+
595
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
596
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
597
+ }
598
+
599
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
600
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
601
+ }
602
+
603
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
604
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
605
+ }
606
+
607
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
608
+ height: 100%;
586
609
  }
587
610
 
588
611
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
612
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
613
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
614
+ }
615
+
589
616
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
590
- height: calc(100% - 48px);
617
+ height: 100%;
591
618
  }
592
619
 
593
620
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
621
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
622
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
623
+ }
624
+
625
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
626
+ height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
627
+ }
628
+
629
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
630
+ height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
594
633
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
595
- height: calc(100% - 45px);
634
+ height: 100%;
596
635
  }
597
636
 
598
637
  .e-listbox-wrapper,
@@ -619,13 +658,13 @@ ejs-listbox {
619
658
  .e-listbox-wrapper.e-filter-list .e-list-parent,
620
659
  .e-listbox-container.e-filter-list .e-list-parent,
621
660
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
622
- height: calc(100% - 43px);
661
+ height: calc(100% - 48px);
623
662
  }
624
663
 
625
664
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
626
665
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
627
666
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
628
- height: calc(100% - 79px);
667
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
629
668
  }
630
669
 
631
670
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -899,4 +938,28 @@ ejs-listbox {
899
938
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
900
939
  padding-left: 4.1333em;
901
940
  padding-right: 1.0666em;
941
+ }
942
+
943
+ .e-listbox-container.e-filter-list .e-list-parent {
944
+ height: 100%;
945
+ }
946
+
947
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
948
+ height: 100%;
949
+ }
950
+
951
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
952
+ height: 100%;
953
+ }
954
+
955
+ .e-listbox-container.e-filter-list .e-list-wrap {
956
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
957
+ }
958
+
959
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
960
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
961
+ }
962
+
963
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
964
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
902
965
  }