@syncfusion/ej2-vue-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 (111) hide show
  1. package/CHANGELOG.md +9 -212
  2. package/dist/ej2-vue-dropdowns.umd.min.js +3 -3
  3. package/dist/ej2-vue-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js +15 -6
  5. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-dropdowns.es5.js +15 -6
  7. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-dropdowns.min.js +3 -3
  9. package/package.json +9 -9
  10. package/src/auto-complete/autocomplete.component.d.ts +3 -1
  11. package/src/auto-complete/autocomplete.component.js +5 -2
  12. package/src/combo-box/combobox.component.d.ts +3 -1
  13. package/src/combo-box/combobox.component.js +5 -2
  14. package/src/drop-down-list/dropdownlist.component.d.ts +3 -1
  15. package/src/drop-down-list/dropdownlist.component.js +5 -2
  16. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -1
  17. package/src/list-box/listbox.component.d.ts +3 -1
  18. package/src/mention/mention.component.d.ts +3 -1
  19. package/src/multi-select/multiselect.component.d.ts +3 -1
  20. package/styles/auto-complete/material-dark.css +0 -1
  21. package/styles/auto-complete/material.css +0 -1
  22. package/styles/auto-complete/material3-dark.css +0 -1
  23. package/styles/auto-complete/material3-dark.scss +1 -1
  24. package/styles/auto-complete/material3.css +0 -1
  25. package/styles/auto-complete/material3.scss +1 -1
  26. package/styles/auto-complete/tailwind-dark.css +0 -1
  27. package/styles/auto-complete/tailwind.css +0 -1
  28. package/styles/bootstrap-dark.css +70 -15
  29. package/styles/bootstrap.css +70 -15
  30. package/styles/bootstrap4.css +71 -16
  31. package/styles/bootstrap5-dark.css +71 -16
  32. package/styles/bootstrap5.css +71 -16
  33. package/styles/combo-box/material-dark.css +0 -1
  34. package/styles/combo-box/material.css +0 -1
  35. package/styles/combo-box/material3-dark.css +0 -1
  36. package/styles/combo-box/material3-dark.scss +1 -1
  37. package/styles/combo-box/material3.css +0 -1
  38. package/styles/combo-box/material3.scss +1 -1
  39. package/styles/combo-box/tailwind-dark.css +0 -1
  40. package/styles/combo-box/tailwind.css +0 -1
  41. package/styles/drop-down-base/material-dark.css +0 -1
  42. package/styles/drop-down-base/material.css +0 -1
  43. package/styles/drop-down-base/material3-dark.css +0 -1
  44. package/styles/drop-down-base/material3-dark.scss +1 -1
  45. package/styles/drop-down-base/material3.css +0 -1
  46. package/styles/drop-down-base/material3.scss +1 -1
  47. package/styles/drop-down-base/tailwind-dark.css +0 -1
  48. package/styles/drop-down-base/tailwind.css +0 -1
  49. package/styles/drop-down-list/material-dark.css +0 -1
  50. package/styles/drop-down-list/material.css +0 -1
  51. package/styles/drop-down-list/material3-dark.css +0 -1
  52. package/styles/drop-down-list/material3-dark.scss +1 -1
  53. package/styles/drop-down-list/material3.css +0 -1
  54. package/styles/drop-down-list/material3.scss +1 -1
  55. package/styles/drop-down-list/tailwind-dark.css +0 -1
  56. package/styles/drop-down-list/tailwind.css +0 -1
  57. package/styles/drop-down-tree/material-dark.css +0 -1
  58. package/styles/drop-down-tree/material.css +0 -1
  59. package/styles/drop-down-tree/material3-dark.css +0 -1
  60. package/styles/drop-down-tree/material3-dark.scss +1 -1
  61. package/styles/drop-down-tree/material3.css +0 -1
  62. package/styles/drop-down-tree/material3.scss +1 -1
  63. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  64. package/styles/drop-down-tree/tailwind.css +0 -1
  65. package/styles/fabric-dark.css +70 -15
  66. package/styles/fabric.css +70 -15
  67. package/styles/fluent-dark.css +71 -16
  68. package/styles/fluent.css +71 -16
  69. package/styles/highcontrast-light.css +70 -15
  70. package/styles/highcontrast.css +70 -15
  71. package/styles/list-box/bootstrap-dark.css +70 -15
  72. package/styles/list-box/bootstrap.css +70 -15
  73. package/styles/list-box/bootstrap4.css +71 -16
  74. package/styles/list-box/bootstrap5-dark.css +71 -16
  75. package/styles/list-box/bootstrap5.css +71 -16
  76. package/styles/list-box/fabric-dark.css +70 -15
  77. package/styles/list-box/fabric.css +70 -15
  78. package/styles/list-box/fluent-dark.css +71 -16
  79. package/styles/list-box/fluent.css +71 -16
  80. package/styles/list-box/highcontrast-light.css +70 -15
  81. package/styles/list-box/highcontrast.css +70 -15
  82. package/styles/list-box/material-dark.css +71 -17
  83. package/styles/list-box/material.css +71 -17
  84. package/styles/list-box/material3-dark.css +71 -17
  85. package/styles/list-box/material3-dark.scss +1 -1
  86. package/styles/list-box/material3.css +71 -17
  87. package/styles/list-box/material3.scss +1 -1
  88. package/styles/list-box/tailwind-dark.css +71 -17
  89. package/styles/list-box/tailwind.css +71 -17
  90. package/styles/material-dark.css +71 -17
  91. package/styles/material.css +71 -17
  92. package/styles/material3-dark.css +71 -24
  93. package/styles/material3.css +71 -17
  94. package/styles/mention/material-dark.css +0 -1
  95. package/styles/mention/material.css +0 -1
  96. package/styles/mention/material3-dark.css +0 -1
  97. package/styles/mention/material3-dark.scss +1 -1
  98. package/styles/mention/material3.css +0 -1
  99. package/styles/mention/material3.scss +1 -1
  100. package/styles/mention/tailwind-dark.css +0 -1
  101. package/styles/mention/tailwind.css +0 -1
  102. package/styles/multi-select/material-dark.css +0 -1
  103. package/styles/multi-select/material.css +0 -1
  104. package/styles/multi-select/material3-dark.css +0 -1
  105. package/styles/multi-select/material3-dark.scss +1 -1
  106. package/styles/multi-select/material3.css +0 -1
  107. package/styles/multi-select/material3.scss +1 -1
  108. package/styles/multi-select/tailwind-dark.css +0 -1
  109. package/styles/multi-select/tailwind.css +0 -1
  110. package/styles/tailwind-dark.css +71 -24
  111. package/styles/tailwind.css +71 -24
package/styles/list-box/bootstrap5.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% - 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 */
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% - 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%;
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% - 40px) !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% - 40px);
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% - 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
+
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% - 50px);
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% - 86px);
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,
@@ -928,4 +959,28 @@ ejs-listbox {
928
959
  .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
929
960
  padding-left: 10px;
930
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 */
931
986
  }
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
  }