@syncfusion/ej2-react-dropdowns 22.2.12 → 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 (103) hide show
  1. package/CHANGELOG.md +9 -244
  2. package/diConfig.json +11 -2
  3. package/dist/ej2-react-dropdowns.min.js +3 -3
  4. package/dist/ej2-react-dropdowns.umd.min.js +3 -3
  5. package/dist/ej2-react-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-dropdowns.es2015.js +3 -3
  7. package/dist/es6/ej2-react-dropdowns.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/auto-complete/autocomplete.component.js +1 -1
  10. package/src/combo-box/combobox.component.js +1 -1
  11. package/src/drop-down-list/dropdownlist.component.js +1 -1
  12. package/styles/auto-complete/material-dark.css +0 -1
  13. package/styles/auto-complete/material.css +0 -1
  14. package/styles/auto-complete/material3-dark.css +0 -1
  15. package/styles/auto-complete/material3-dark.scss +1 -1
  16. package/styles/auto-complete/material3.css +0 -1
  17. package/styles/auto-complete/material3.scss +1 -1
  18. package/styles/auto-complete/tailwind-dark.css +0 -1
  19. package/styles/auto-complete/tailwind.css +0 -1
  20. package/styles/bootstrap-dark.css +70 -15
  21. package/styles/bootstrap.css +70 -15
  22. package/styles/bootstrap4.css +71 -16
  23. package/styles/bootstrap5-dark.css +71 -16
  24. package/styles/bootstrap5.css +71 -16
  25. package/styles/combo-box/material-dark.css +0 -1
  26. package/styles/combo-box/material.css +0 -1
  27. package/styles/combo-box/material3-dark.css +0 -1
  28. package/styles/combo-box/material3-dark.scss +1 -1
  29. package/styles/combo-box/material3.css +0 -1
  30. package/styles/combo-box/material3.scss +1 -1
  31. package/styles/combo-box/tailwind-dark.css +0 -1
  32. package/styles/combo-box/tailwind.css +0 -1
  33. package/styles/drop-down-base/material-dark.css +0 -1
  34. package/styles/drop-down-base/material.css +0 -1
  35. package/styles/drop-down-base/material3-dark.css +0 -1
  36. package/styles/drop-down-base/material3-dark.scss +1 -1
  37. package/styles/drop-down-base/material3.css +0 -1
  38. package/styles/drop-down-base/material3.scss +1 -1
  39. package/styles/drop-down-base/tailwind-dark.css +0 -1
  40. package/styles/drop-down-base/tailwind.css +0 -1
  41. package/styles/drop-down-list/material-dark.css +0 -1
  42. package/styles/drop-down-list/material.css +0 -1
  43. package/styles/drop-down-list/material3-dark.css +0 -1
  44. package/styles/drop-down-list/material3-dark.scss +1 -1
  45. package/styles/drop-down-list/material3.css +0 -1
  46. package/styles/drop-down-list/material3.scss +1 -1
  47. package/styles/drop-down-list/tailwind-dark.css +0 -1
  48. package/styles/drop-down-list/tailwind.css +0 -1
  49. package/styles/drop-down-tree/material-dark.css +0 -1
  50. package/styles/drop-down-tree/material.css +0 -1
  51. package/styles/drop-down-tree/material3-dark.css +0 -1
  52. package/styles/drop-down-tree/material3-dark.scss +1 -1
  53. package/styles/drop-down-tree/material3.css +0 -1
  54. package/styles/drop-down-tree/material3.scss +1 -1
  55. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  56. package/styles/drop-down-tree/tailwind.css +0 -1
  57. package/styles/fabric-dark.css +70 -15
  58. package/styles/fabric.css +70 -15
  59. package/styles/fluent-dark.css +71 -16
  60. package/styles/fluent.css +71 -16
  61. package/styles/highcontrast-light.css +70 -15
  62. package/styles/highcontrast.css +70 -15
  63. package/styles/list-box/bootstrap-dark.css +70 -15
  64. package/styles/list-box/bootstrap.css +70 -15
  65. package/styles/list-box/bootstrap4.css +71 -16
  66. package/styles/list-box/bootstrap5-dark.css +71 -16
  67. package/styles/list-box/bootstrap5.css +71 -16
  68. package/styles/list-box/fabric-dark.css +70 -15
  69. package/styles/list-box/fabric.css +70 -15
  70. package/styles/list-box/fluent-dark.css +71 -16
  71. package/styles/list-box/fluent.css +71 -16
  72. package/styles/list-box/highcontrast-light.css +70 -15
  73. package/styles/list-box/highcontrast.css +70 -15
  74. package/styles/list-box/material-dark.css +71 -17
  75. package/styles/list-box/material.css +71 -17
  76. package/styles/list-box/material3-dark.css +71 -17
  77. package/styles/list-box/material3-dark.scss +1 -1
  78. package/styles/list-box/material3.css +71 -17
  79. package/styles/list-box/material3.scss +1 -1
  80. package/styles/list-box/tailwind-dark.css +71 -17
  81. package/styles/list-box/tailwind.css +71 -17
  82. package/styles/material-dark.css +71 -17
  83. package/styles/material.css +71 -17
  84. package/styles/material3-dark.css +71 -24
  85. package/styles/material3.css +71 -17
  86. package/styles/mention/material-dark.css +0 -1
  87. package/styles/mention/material.css +0 -1
  88. package/styles/mention/material3-dark.css +0 -1
  89. package/styles/mention/material3-dark.scss +1 -1
  90. package/styles/mention/material3.css +0 -1
  91. package/styles/mention/material3.scss +1 -1
  92. package/styles/mention/tailwind-dark.css +0 -1
  93. package/styles/mention/tailwind.css +0 -1
  94. package/styles/multi-select/material-dark.css +0 -1
  95. package/styles/multi-select/material.css +0 -1
  96. package/styles/multi-select/material3-dark.css +0 -1
  97. package/styles/multi-select/material3-dark.scss +1 -1
  98. package/styles/multi-select/material3.css +0 -1
  99. package/styles/multi-select/material3.scss +1 -1
  100. package/styles/multi-select/tailwind-dark.css +0 -1
  101. package/styles/multi-select/tailwind.css +0 -1
  102. package/styles/tailwind-dark.css +71 -24
  103. package/styles/tailwind.css +71 -24
package/styles/list-box/fabric-dark.css CHANGED
@@ -84,11 +84,6 @@
84
84
  padding: 10px 16px;
85
85
  position: relative;
86
86
  }
87
- .e-listbox-wrapper.e-filter-list,
88
- .e-listbox-container.e-filter-list,
89
- .e-listboxtool-wrapper.e-filter-list {
90
- overflow: inherit;
91
- }
92
87
  .e-listbox-wrapper .e-list-parent,
93
88
  .e-listbox-container .e-list-parent,
94
89
  .e-listboxtool-wrapper .e-list-parent {
@@ -372,9 +367,6 @@ ejs-listbox {
372
367
  overflow: auto;
373
368
  }
374
369
 
375
- .e-listbox-wrapper.e-filter-list {
376
- overflow: inherit;
377
- }
378
370
  .e-listbox-wrapper.e-filter-list .e-list-parent {
379
371
  overflow: auto;
380
372
  }
@@ -570,27 +562,66 @@ ejs-listbox {
570
562
  }
571
563
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
572
564
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
573
- 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 */
574
574
  }
575
575
 
576
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
577
576
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
578
- height: calc(100% - 59px);
577
+ height: 100%;
579
578
  }
580
579
 
581
580
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
582
581
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
583
- 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%;
584
599
  }
585
600
 
586
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
+
587
606
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
588
- height: calc(100% - 45px);
607
+ height: 100%;
589
608
  }
590
609
 
591
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
+
592
623
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
593
- height: calc(100% - 55px);
624
+ height: 100%;
594
625
  }
595
626
 
596
627
  .e-listbox-wrapper,
@@ -623,7 +654,7 @@ ejs-listbox {
623
654
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
624
655
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
625
656
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 87px);
657
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
627
658
  }
628
659
 
629
660
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -897,4 +928,28 @@ ejs-listbox {
897
928
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
898
929
  padding-left: 3.3846em;
899
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 */
900
955
  }
package/styles/list-box/fabric.css CHANGED
@@ -89,11 +89,6 @@
89
89
  padding: 10px 16px;
90
90
  position: relative;
91
91
  }
92
- .e-listbox-wrapper.e-filter-list,
93
- .e-listbox-container.e-filter-list,
94
- .e-listboxtool-wrapper.e-filter-list {
95
- overflow: inherit;
96
- }
97
92
  .e-listbox-wrapper .e-list-parent,
98
93
  .e-listbox-container .e-list-parent,
99
94
  .e-listboxtool-wrapper .e-list-parent {
@@ -377,9 +372,6 @@ ejs-listbox {
377
372
  overflow: auto;
378
373
  }
379
374
 
380
- .e-listbox-wrapper.e-filter-list {
381
- overflow: inherit;
382
- }
383
375
  .e-listbox-wrapper.e-filter-list .e-list-parent {
384
376
  overflow: auto;
385
377
  }
@@ -581,27 +573,66 @@ ejs-listbox {
581
573
  }
582
574
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
583
575
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
584
- 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 */
585
585
  }
586
586
 
587
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
588
587
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
589
- height: calc(100% - 59px);
588
+ height: 100%;
590
589
  }
591
590
 
592
591
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
593
592
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
594
- 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%;
595
610
  }
596
611
 
597
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
+
598
617
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
599
- height: calc(100% - 45px);
618
+ height: 100%;
600
619
  }
601
620
 
602
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
+
603
634
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
604
- height: calc(100% - 55px);
635
+ height: 100%;
605
636
  }
606
637
 
607
638
  .e-listbox-wrapper,
@@ -634,7 +665,7 @@ ejs-listbox {
634
665
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
635
666
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
636
667
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
637
- height: calc(100% - 87px);
668
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
638
669
  }
639
670
 
640
671
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -908,4 +939,28 @@ ejs-listbox {
908
939
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
909
940
  padding-left: 3.3846em;
910
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 */
911
966
  }
package/styles/list-box/fluent-dark.css CHANGED
@@ -115,11 +115,6 @@
115
115
  padding: 10px 12px;
116
116
  position: relative;
117
117
  }
118
- .e-listbox-wrapper.e-filter-list,
119
- .e-listbox-container.e-filter-list,
120
- .e-listboxtool-wrapper.e-filter-list {
121
- overflow: inherit;
122
- }
123
118
  .e-listbox-wrapper .e-list-parent,
124
119
  .e-listbox-container .e-list-parent,
125
120
  .e-listboxtool-wrapper .e-list-parent {
@@ -403,9 +398,6 @@ ejs-listbox {
403
398
  overflow: auto;
404
399
  }
405
400
 
406
- .e-listbox-wrapper.e-filter-list {
407
- overflow: inherit;
408
- }
409
401
  .e-listbox-wrapper.e-filter-list .e-list-parent {
410
402
  overflow: auto;
411
403
  }
@@ -607,27 +599,66 @@ ejs-listbox {
607
599
  }
608
600
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
609
601
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
610
- height: calc(100% - 45px);
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 */
611
611
  }
612
612
 
613
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
614
613
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
615
- height: calc(100% - 55px);
614
+ height: 100%;
616
615
  }
617
616
 
618
617
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
619
618
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
620
- 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%;
621
636
  }
622
637
 
623
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
+
624
643
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
625
- height: calc(100% - 48px);
644
+ height: 100%;
626
645
  }
627
646
 
628
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
+
629
660
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
630
- height: calc(100% - 45px);
661
+ height: 100%;
631
662
  }
632
663
 
633
664
  .e-listbox-wrapper,
@@ -654,13 +685,13 @@ ejs-listbox {
654
685
  .e-listbox-wrapper.e-filter-list .e-list-parent,
655
686
  .e-listbox-container.e-filter-list .e-list-parent,
656
687
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
657
- height: calc(100% - 47px);
688
+ height: calc(100% - 56px);
658
689
  }
659
690
 
660
691
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
661
692
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
662
693
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
663
- height: calc(100% - 93px);
694
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
664
695
  }
665
696
 
666
697
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -934,4 +965,28 @@ ejs-listbox {
934
965
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
935
966
  padding-left: 10px;
936
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 */
937
992
  }
package/styles/list-box/fluent.css CHANGED
@@ -115,11 +115,6 @@
115
115
  padding: 10px 12px;
116
116
  position: relative;
117
117
  }
118
- .e-listbox-wrapper.e-filter-list,
119
- .e-listbox-container.e-filter-list,
120
- .e-listboxtool-wrapper.e-filter-list {
121
- overflow: inherit;
122
- }
123
118
  .e-listbox-wrapper .e-list-parent,
124
119
  .e-listbox-container .e-list-parent,
125
120
  .e-listboxtool-wrapper .e-list-parent {
@@ -403,9 +398,6 @@ ejs-listbox {
403
398
  overflow: auto;
404
399
  }
405
400
 
406
- .e-listbox-wrapper.e-filter-list {
407
- overflow: inherit;
408
- }
409
401
  .e-listbox-wrapper.e-filter-list .e-list-parent {
410
402
  overflow: auto;
411
403
  }
@@ -607,27 +599,66 @@ ejs-listbox {
607
599
  }
608
600
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
609
601
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
610
- height: calc(100% - 45px);
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 */
611
611
  }
612
612
 
613
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
614
613
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
615
- height: calc(100% - 55px);
614
+ height: 100%;
616
615
  }
617
616
 
618
617
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
619
618
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
620
- 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%;
621
636
  }
622
637
 
623
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
+
624
643
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
625
- height: calc(100% - 48px);
644
+ height: 100%;
626
645
  }
627
646
 
628
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
+
629
660
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
630
- height: calc(100% - 45px);
661
+ height: 100%;
631
662
  }
632
663
 
633
664
  .e-listbox-wrapper,
@@ -654,13 +685,13 @@ ejs-listbox {
654
685
  .e-listbox-wrapper.e-filter-list .e-list-parent,
655
686
  .e-listbox-container.e-filter-list .e-list-parent,
656
687
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
657
- height: calc(100% - 47px);
688
+ height: calc(100% - 56px);
658
689
  }
659
690
 
660
691
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
661
692
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
662
693
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
663
- height: calc(100% - 93px);
694
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
664
695
  }
665
696
 
666
697
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -934,4 +965,28 @@ ejs-listbox {
934
965
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
935
966
  padding-left: 10px;
936
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 */
937
992
  }
package/styles/list-box/highcontrast-light.css CHANGED
@@ -98,11 +98,6 @@
98
98
  padding: 9px 16px;
99
99
  position: relative;
100
100
  }
101
- .e-listbox-wrapper.e-filter-list,
102
- .e-listbox-container.e-filter-list,
103
- .e-listboxtool-wrapper.e-filter-list {
104
- overflow: inherit;
105
- }
106
101
  .e-listbox-wrapper .e-list-parent,
107
102
  .e-listbox-container .e-list-parent,
108
103
  .e-listboxtool-wrapper .e-list-parent {
@@ -386,9 +381,6 @@ ejs-listbox {
386
381
  overflow: auto;
387
382
  }
388
383
 
389
- .e-listbox-wrapper.e-filter-list {
390
- overflow: inherit;
391
- }
392
384
  .e-listbox-wrapper.e-filter-list .e-list-parent {
393
385
  overflow: auto;
394
386
  }
@@ -584,27 +576,66 @@ ejs-listbox {
584
576
  }
585
577
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
586
578
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
587
- 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 */
588
588
  }
589
589
 
590
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
591
590
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
592
- height: calc(100% - 59px);
591
+ height: 100%;
593
592
  }
594
593
 
595
594
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
596
595
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
597
- 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%;
598
613
  }
599
614
 
600
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
+
601
620
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
602
- height: calc(100% - 45px);
621
+ height: 100%;
603
622
  }
604
623
 
605
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
+
606
637
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
607
- height: calc(100% - 55px);
638
+ height: 100%;
608
639
  }
609
640
 
610
641
  .e-listbox-wrapper,
@@ -637,7 +668,7 @@ ejs-listbox {
637
668
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
638
669
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
639
670
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
640
- height: calc(100% - 87px);
671
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
641
672
  }
642
673
 
643
674
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -911,4 +942,28 @@ ejs-listbox {
911
942
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
912
943
  padding-left: 3.3846em;
913
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 */
914
969
  }