@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/bootstrap.css CHANGED
@@ -573,27 +573,66 @@ ejs-listbox {
573
573
  }
574
574
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
575
575
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
576
- height: calc(100% - 46px);
576
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
577
+ }
578
+
579
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
580
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
581
+ }
582
+
583
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
577
585
  }
578
586
 
579
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
580
587
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
581
- height: calc(100% - 58px);
588
+ height: 100%;
582
589
  }
583
590
 
584
591
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
585
592
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
586
- height: calc(100% - 106px);
593
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
594
+ }
595
+
596
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
598
+ }
599
+
600
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
601
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
602
+ }
603
+
604
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
605
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
606
+ }
607
+
608
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
609
+ height: 100%;
587
610
  }
588
611
 
589
612
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
613
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
614
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
615
+ }
616
+
590
617
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
591
- height: calc(100% - 48px);
618
+ height: 100%;
592
619
  }
593
620
 
594
621
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
622
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
623
+ height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
624
+ }
625
+
626
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
627
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
628
+ }
629
+
630
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
631
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
632
+ }
633
+
595
634
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
596
- height: calc(100% - 54px);
635
+ height: 100%;
597
636
  }
598
637
 
599
638
  .e-listbox-wrapper,
@@ -626,7 +665,7 @@ ejs-listbox {
626
665
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
627
666
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
628
667
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
629
- height: calc(100% - 92px);
668
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
630
669
  }
631
670
 
632
671
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -900,4 +939,28 @@ ejs-listbox {
900
939
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
901
940
  padding-left: 3.9285em;
902
941
  padding-right: 1.0714em;
942
+ }
943
+
944
+ .e-listbox-container.e-filter-list .e-list-parent {
945
+ height: 100%;
946
+ }
947
+
948
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
949
+ height: 100%;
950
+ }
951
+
952
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
953
+ height: 100%;
954
+ }
955
+
956
+ .e-listbox-container.e-filter-list .e-list-wrap {
957
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
958
+ }
959
+
960
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
961
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
962
+ }
963
+
964
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
965
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
903
966
  }
package/styles/list-box/bootstrap4.css CHANGED
@@ -627,27 +627,66 @@ ejs-listbox {
627
627
 
628
628
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
629
629
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
630
- height: calc(100% - 43px);
630
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
631
+ }
632
+
633
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
634
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
635
+ }
636
+
637
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
638
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
631
639
  }
632
640
 
633
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
634
641
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
635
- height: calc(100% - 56px);
642
+ height: 100%;
636
643
  }
637
644
 
638
645
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
639
646
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
640
- height: calc(100% - 96px);
647
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
648
+ }
649
+
650
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
651
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
652
+ }
653
+
654
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
655
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
656
+ }
657
+
658
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
659
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
660
+ }
661
+
662
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
663
+ height: 100%;
641
664
  }
642
665
 
643
666
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
667
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
668
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
669
+ }
670
+
644
671
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
645
- height: calc(100% - 50px);
672
+ height: 100%;
646
673
  }
647
674
 
648
675
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
676
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
677
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
678
+ }
679
+
680
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
681
+ height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
682
+ }
683
+
684
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
685
+ height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
686
+ }
687
+
649
688
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
650
- height: calc(100% - 56px);
689
+ height: 100%;
651
690
  }
652
691
 
653
692
  .e-listbox-wrapper,
@@ -674,13 +713,13 @@ ejs-listbox {
674
713
  .e-listbox-wrapper.e-filter-list .e-list-parent,
675
714
  .e-listbox-container.e-filter-list .e-list-parent,
676
715
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
677
- height: calc(100% - 48px);
716
+ height: calc(100% - 51px);
678
717
  }
679
718
 
680
719
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
681
720
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
682
721
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
683
- height: calc(100% - 79px);
722
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
684
723
  }
685
724
 
686
725
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -954,4 +993,28 @@ ejs-listbox {
954
993
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
955
994
  padding-left: 3.9285em;
956
995
  padding-right: 1.0714em;
996
+ }
997
+
998
+ .e-listbox-container.e-filter-list .e-list-parent {
999
+ height: 100%;
1000
+ }
1001
+
1002
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
1003
+ height: 100%;
1004
+ }
1005
+
1006
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
1007
+ height: 100%;
1008
+ }
1009
+
1010
+ .e-listbox-container.e-filter-list .e-list-wrap {
1011
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
1012
+ }
1013
+
1014
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
1015
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
1016
+ }
1017
+
1018
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
1019
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
957
1020
  }
package/styles/list-box/bootstrap5-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% - 45px);
602
+ height: calc(100% - 45px) !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% - 56px) !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% - 55px) !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% - 55px);
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% - 96px);
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% - 50px) !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% - 56px) !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% - 40px) !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% - 40px);
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% - 45px) !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% - 86px) !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% - 104px) !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% - 45px);
661
+ height: 100%;
623
662
  }
624
663
 
625
664
  .e-listbox-wrapper,
@@ -646,13 +685,13 @@ ejs-listbox {
646
685
  .e-listbox-wrapper.e-filter-list .e-list-parent,
647
686
  .e-listbox-container.e-filter-list .e-list-parent,
648
687
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
649
- height: calc(100% - 47px);
688
+ height: calc(100% - 50px);
650
689
  }
651
690
 
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% - 86px);
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,
@@ -920,4 +959,28 @@ ejs-listbox {
920
959
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
921
960
  padding-left: 10px;
922
961
  padding-right: 16px;
962
+ }
963
+
964
+ .e-listbox-container.e-filter-list .e-list-parent {
965
+ height: 100%;
966
+ }
967
+
968
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
969
+ height: 100%;
970
+ }
971
+
972
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
973
+ height: 100%;
974
+ }
975
+
976
+ .e-listbox-container.e-filter-list .e-list-wrap {
977
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
978
+ }
979
+
980
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
981
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
982
+ }
983
+
984
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
985
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
923
986
  }
package/styles/list-box/bootstrap5.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% - 45px);
602
+ height: calc(100% - 45px) !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% - 56px) !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% - 55px) !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% - 55px);
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% - 96px);
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% - 50px) !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% - 56px) !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% - 40px) !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% - 40px);
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% - 45px) !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% - 86px) !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% - 104px) !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% - 45px);
661
+ height: 100%;
623
662
  }
624
663
 
625
664
  .e-listbox-wrapper,
@@ -646,13 +685,13 @@ ejs-listbox {
646
685
  .e-listbox-wrapper.e-filter-list .e-list-parent,
647
686
  .e-listbox-container.e-filter-list .e-list-parent,
648
687
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
649
- height: calc(100% - 47px);
688
+ height: calc(100% - 50px);
650
689
  }
651
690
 
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% - 86px);
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,
@@ -920,4 +959,28 @@ ejs-listbox {
920
959
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
921
960
  padding-left: 10px;
922
961
  padding-right: 16px;
962
+ }
963
+
964
+ .e-listbox-container.e-filter-list .e-list-parent {
965
+ height: 100%;
966
+ }
967
+
968
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
969
+ height: 100%;
970
+ }
971
+
972
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
973
+ height: 100%;
974
+ }
975
+
976
+ .e-listbox-container.e-filter-list .e-list-wrap {
977
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
978
+ }
979
+
980
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
981
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
982
+ }
983
+
984
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
985
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
923
986
  }
package/styles/list-box/fabric-dark.css CHANGED
@@ -562,27 +562,66 @@ ejs-listbox {
562
562
  }
563
563
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
564
564
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
565
- height: calc(100% - 45px);
565
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
566
+ }
567
+
568
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
569
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
570
+ }
571
+
572
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
573
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
566
574
  }
567
575
 
568
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
569
576
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
570
- height: calc(100% - 59px);
577
+ height: 100%;
571
578
  }
572
579
 
573
580
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
574
581
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
575
- height: calc(100% - 104px);
582
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
583
+ }
584
+
585
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
586
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
587
+ }
588
+
589
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
590
+ height: calc(100% - 51px) !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-selectall-parent + .e-list-parent {
598
+ height: 100%;
576
599
  }
577
600
 
578
601
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
602
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
603
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
604
+ }
605
+
579
606
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
580
- height: calc(100% - 45px);
607
+ height: 100%;
581
608
  }
582
609
 
583
610
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
611
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
612
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
613
+ }
614
+
615
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
616
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
617
+ }
618
+
619
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
620
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
621
+ }
622
+
584
623
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
585
- height: calc(100% - 55px);
624
+ height: 100%;
586
625
  }
587
626
 
588
627
  .e-listbox-wrapper,
@@ -615,7 +654,7 @@ ejs-listbox {
615
654
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
616
655
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
617
656
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
618
- height: calc(100% - 87px);
657
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
619
658
  }
620
659
 
621
660
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -889,4 +928,28 @@ ejs-listbox {
889
928
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
890
929
  padding-left: 3.3846em;
891
930
  padding-right: 0.923em;
931
+ }
932
+
933
+ .e-listbox-container.e-filter-list .e-list-parent {
934
+ height: 100%;
935
+ }
936
+
937
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
938
+ height: 100%;
939
+ }
940
+
941
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
942
+ height: 100%;
943
+ }
944
+
945
+ .e-listbox-container.e-filter-list .e-list-wrap {
946
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
947
+ }
948
+
949
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
950
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
951
+ }
952
+
953
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
954
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
892
955
  }
package/styles/list-box/fabric.css CHANGED
@@ -573,27 +573,66 @@ ejs-listbox {
573
573
  }
574
574
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
575
575
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
576
- height: calc(100% - 45px);
576
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
577
+ }
578
+
579
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
580
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
581
+ }
582
+
583
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
584
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
577
585
  }
578
586
 
579
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
580
587
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
581
- height: calc(100% - 59px);
588
+ height: 100%;
582
589
  }
583
590
 
584
591
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
585
592
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
586
- height: calc(100% - 104px);
593
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
594
+ }
595
+
596
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
598
+ }
599
+
600
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
601
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
602
+ }
603
+
604
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
605
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
606
+ }
607
+
608
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
609
+ height: 100%;
587
610
  }
588
611
 
589
612
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
613
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
614
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
615
+ }
616
+
590
617
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
591
- height: calc(100% - 45px);
618
+ height: 100%;
592
619
  }
593
620
 
594
621
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
622
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
623
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
624
+ }
625
+
626
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
627
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
628
+ }
629
+
630
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
631
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
632
+ }
633
+
595
634
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
596
- height: calc(100% - 55px);
635
+ height: 100%;
597
636
  }
598
637
 
599
638
  .e-listbox-wrapper,
@@ -626,7 +665,7 @@ ejs-listbox {
626
665
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
627
666
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
628
667
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
629
- height: calc(100% - 87px);
668
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
630
669
  }
631
670
 
632
671
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -900,4 +939,28 @@ ejs-listbox {
900
939
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
901
940
  padding-left: 3.3846em;
902
941
  padding-right: 0.923em;
942
+ }
943
+
944
+ .e-listbox-container.e-filter-list .e-list-parent {
945
+ height: 100%;
946
+ }
947
+
948
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
949
+ height: 100%;
950
+ }
951
+
952
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
953
+ height: 100%;
954
+ }
955
+
956
+ .e-listbox-container.e-filter-list .e-list-wrap {
957
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
958
+ }
959
+
960
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
961
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
962
+ }
963
+
964
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
965
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
903
966
  }