@syncfusion/ej2-dropdowns 27.1.48 → 27.1.50

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 (93) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +38 -32
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +37 -31
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -13
  12. package/src/drop-down-base/drop-down-base.d.ts +1 -0
  13. package/src/drop-down-base/drop-down-base.js +1 -2
  14. package/src/drop-down-list/drop-down-list.js +4 -1
  15. package/src/drop-down-tree/drop-down-tree.js +1 -1
  16. package/src/list-box/list-box.js +31 -27
  17. package/styles/bootstrap-dark-lite.css +4 -1
  18. package/styles/bootstrap-dark.css +4 -1
  19. package/styles/bootstrap-lite.css +4 -1
  20. package/styles/bootstrap.css +4 -1
  21. package/styles/bootstrap4-lite.css +3 -1
  22. package/styles/bootstrap4.css +3 -1
  23. package/styles/bootstrap5-dark-lite.css +6 -1
  24. package/styles/bootstrap5-dark.css +6 -1
  25. package/styles/bootstrap5-lite.css +6 -1
  26. package/styles/bootstrap5.3-lite.css +6 -1
  27. package/styles/bootstrap5.3.css +6 -1
  28. package/styles/bootstrap5.css +6 -1
  29. package/styles/drop-down-list/_theme.scss +1 -3
  30. package/styles/drop-down-list/bootstrap-dark.css +1 -0
  31. package/styles/drop-down-list/bootstrap.css +1 -0
  32. package/styles/drop-down-list/fabric-dark.css +1 -0
  33. package/styles/drop-down-list/fabric.css +1 -0
  34. package/styles/drop-down-list/fluent-dark.css +1 -0
  35. package/styles/drop-down-list/fluent.css +1 -0
  36. package/styles/drop-down-list/fluent2.css +1 -0
  37. package/styles/drop-down-list/highcontrast-light.css +1 -0
  38. package/styles/drop-down-list/material-dark.css +1 -0
  39. package/styles/drop-down-list/material.css +1 -0
  40. package/styles/drop-down-list/material3-dark.css +1 -0
  41. package/styles/drop-down-list/material3.css +1 -0
  42. package/styles/drop-down-list/tailwind-dark.css +1 -0
  43. package/styles/drop-down-list/tailwind.css +1 -0
  44. package/styles/drop-down-tree/_theme.scss +5 -0
  45. package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
  46. package/styles/drop-down-tree/bootstrap5.3.css +3 -0
  47. package/styles/drop-down-tree/bootstrap5.css +3 -0
  48. package/styles/fabric-dark-lite.css +4 -1
  49. package/styles/fabric-dark.css +4 -1
  50. package/styles/fabric-lite.css +4 -1
  51. package/styles/fabric.css +4 -1
  52. package/styles/fluent-dark-lite.css +4 -1
  53. package/styles/fluent-dark.css +4 -1
  54. package/styles/fluent-lite.css +4 -1
  55. package/styles/fluent.css +4 -1
  56. package/styles/fluent2-lite.css +4 -1
  57. package/styles/fluent2.css +4 -1
  58. package/styles/highcontrast-light-lite.css +4 -1
  59. package/styles/highcontrast-light.css +4 -1
  60. package/styles/highcontrast-lite.css +3 -1
  61. package/styles/highcontrast.css +3 -1
  62. package/styles/list-box/_layout.scss +1 -0
  63. package/styles/list-box/bootstrap-dark.css +3 -1
  64. package/styles/list-box/bootstrap.css +3 -1
  65. package/styles/list-box/bootstrap4.css +3 -1
  66. package/styles/list-box/bootstrap5-dark.css +3 -1
  67. package/styles/list-box/bootstrap5.3.css +3 -1
  68. package/styles/list-box/bootstrap5.css +3 -1
  69. package/styles/list-box/fabric-dark.css +3 -1
  70. package/styles/list-box/fabric.css +3 -1
  71. package/styles/list-box/fluent-dark.css +3 -1
  72. package/styles/list-box/fluent.css +3 -1
  73. package/styles/list-box/fluent2.css +3 -1
  74. package/styles/list-box/highcontrast-light.css +3 -1
  75. package/styles/list-box/highcontrast.css +3 -1
  76. package/styles/list-box/material-dark.css +3 -1
  77. package/styles/list-box/material.css +3 -1
  78. package/styles/list-box/material3-dark.css +3 -1
  79. package/styles/list-box/material3.css +3 -1
  80. package/styles/list-box/tailwind-dark.css +3 -1
  81. package/styles/list-box/tailwind.css +3 -1
  82. package/styles/material-dark-lite.css +4 -1
  83. package/styles/material-dark.css +4 -1
  84. package/styles/material-lite.css +4 -1
  85. package/styles/material.css +4 -1
  86. package/styles/material3-dark-lite.css +4 -1
  87. package/styles/material3-dark.css +4 -1
  88. package/styles/material3-lite.css +4 -1
  89. package/styles/material3.css +4 -1
  90. package/styles/tailwind-dark-lite.css +4 -1
  91. package/styles/tailwind-dark.css +4 -1
  92. package/styles/tailwind-lite.css +4 -1
  93. package/styles/tailwind.css +4 -1
package/styles/drop-down-tree/bootstrap5.3.css CHANGED
@@ -378,6 +378,9 @@
378
378
  background: transparent;
379
379
  color: var(--color-sf-icon-color);
380
380
  }
381
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-clear-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
382
+ background: transparent;
383
+ }
381
384
  .e-ddt.e-popup {
382
385
  background: var(--color-sf-flyout-bg-color);
383
386
  border-color: var(--color-sf-border-light);
package/styles/drop-down-tree/bootstrap5.css CHANGED
@@ -386,6 +386,9 @@
386
386
  background: transparent;
387
387
  color: #6c757d;
388
388
  }
389
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-clear-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
390
+ background: transparent;
391
+ }
389
392
  .e-ddt.e-popup {
390
393
  background: #fff;
391
394
  border-color: #dee2e6;
package/styles/fabric-dark-lite.css CHANGED
@@ -596,6 +596,7 @@ ejs-dropdownlist {
596
596
 
597
597
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
598
598
  border-color: transparent;
599
+ background: none;
599
600
  }
600
601
 
601
602
  /* stylelint-disable */
@@ -1989,8 +1990,10 @@ ejs-multiselect {
1989
1990
  -webkit-box-sizing: border-box;
1990
1991
  box-sizing: border-box;
1991
1992
  }
1992
- .e-listbox-wrapper:focus,
1993
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
1994
+ .e-listbox-container .e-list-wrap:focus-visible,
1993
1995
  .e-listbox-container:focus,
1996
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
1994
1997
  .e-listboxtool-wrapper:focus {
1995
1998
  outline: none;
1996
1999
  }
package/styles/fabric-dark.css CHANGED
@@ -671,6 +671,7 @@ ejs-dropdownlist {
671
671
 
672
672
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
673
673
  border-color: transparent;
674
+ background: none;
674
675
  }
675
676
 
676
677
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2549,8 +2550,10 @@ ejs-multiselect {
2549
2550
  -webkit-box-sizing: border-box;
2550
2551
  box-sizing: border-box;
2551
2552
  }
2552
- .e-listbox-wrapper:focus,
2553
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2554
+ .e-listbox-container .e-list-wrap:focus-visible,
2553
2555
  .e-listbox-container:focus,
2556
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2554
2557
  .e-listboxtool-wrapper:focus {
2555
2558
  outline: none;
2556
2559
  }
package/styles/fabric-lite.css CHANGED
@@ -596,6 +596,7 @@ ejs-dropdownlist {
596
596
 
597
597
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
598
598
  border-color: transparent;
599
+ background: none;
599
600
  }
600
601
 
601
602
  /*! TreeView's fabric theme wise override definitions and variables */
@@ -1990,8 +1991,10 @@ ejs-multiselect {
1990
1991
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
1991
1992
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
1992
1993
  }
1993
- .e-listbox-wrapper:focus,
1994
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
1995
+ .e-listbox-container .e-list-wrap:focus-visible,
1994
1996
  .e-listbox-container:focus,
1997
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
1995
1998
  .e-listboxtool-wrapper:focus {
1996
1999
  outline: none;
1997
2000
  }
package/styles/fabric.css CHANGED
@@ -671,6 +671,7 @@ ejs-dropdownlist {
671
671
 
672
672
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
673
673
  border-color: transparent;
674
+ background: none;
674
675
  }
675
676
 
676
677
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2550,8 +2551,10 @@ ejs-multiselect {
2550
2551
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2551
2552
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
2552
2553
  }
2553
- .e-listbox-wrapper:focus,
2554
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2555
+ .e-listbox-container .e-list-wrap:focus-visible,
2554
2556
  .e-listbox-container:focus,
2557
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2555
2558
  .e-listboxtool-wrapper:focus {
2556
2559
  outline: none;
2557
2560
  }
package/styles/fluent-dark-lite.css CHANGED
@@ -671,6 +671,7 @@ ejs-dropdownlist {
671
671
 
672
672
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
673
673
  border-color: transparent;
674
+ background: none;
674
675
  }
675
676
 
676
677
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
@@ -2123,8 +2124,10 @@ ejs-multiselect {
2123
2124
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2124
2125
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2125
2126
  }
2126
- .e-listbox-wrapper:focus,
2127
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2128
+ .e-listbox-container .e-list-wrap:focus-visible,
2127
2129
  .e-listbox-container:focus,
2130
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2128
2131
  .e-listboxtool-wrapper:focus {
2129
2132
  outline: none;
2130
2133
  }
package/styles/fluent-dark.css CHANGED
@@ -772,6 +772,7 @@ ejs-dropdownlist {
772
772
 
773
773
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
774
774
  border-color: transparent;
775
+ background: none;
775
776
  }
776
777
 
777
778
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2787,8 +2788,10 @@ ejs-multiselect {
2787
2788
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2788
2789
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2789
2790
  }
2790
- .e-listbox-wrapper:focus,
2791
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2792
+ .e-listbox-container .e-list-wrap:focus-visible,
2791
2793
  .e-listbox-container:focus,
2794
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2792
2795
  .e-listboxtool-wrapper:focus {
2793
2796
  outline: none;
2794
2797
  }
package/styles/fluent-lite.css CHANGED
@@ -671,6 +671,7 @@ ejs-dropdownlist {
671
671
 
672
672
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
673
673
  border-color: transparent;
674
+ background: none;
674
675
  }
675
676
 
676
677
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
@@ -2123,8 +2124,10 @@ ejs-multiselect {
2123
2124
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2124
2125
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2125
2126
  }
2126
- .e-listbox-wrapper:focus,
2127
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2128
+ .e-listbox-container .e-list-wrap:focus-visible,
2127
2129
  .e-listbox-container:focus,
2130
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2128
2131
  .e-listboxtool-wrapper:focus {
2129
2132
  outline: none;
2130
2133
  }
package/styles/fluent.css CHANGED
@@ -772,6 +772,7 @@ ejs-dropdownlist {
772
772
 
773
773
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
774
774
  border-color: transparent;
775
+ background: none;
775
776
  }
776
777
 
777
778
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2787,8 +2788,10 @@ ejs-multiselect {
2787
2788
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2788
2789
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
2789
2790
  }
2790
- .e-listbox-wrapper:focus,
2791
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2792
+ .e-listbox-container .e-list-wrap:focus-visible,
2791
2793
  .e-listbox-container:focus,
2794
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2792
2795
  .e-listboxtool-wrapper:focus {
2793
2796
  outline: none;
2794
2797
  }
package/styles/fluent2-lite.css CHANGED
@@ -844,6 +844,7 @@ ejs-dropdownlist {
844
844
 
845
845
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
846
846
  border-color: transparent;
847
+ background: none;
847
848
  }
848
849
 
849
850
  /*! TreeView's theme wise override definitions and variables */
@@ -2278,8 +2279,10 @@ ejs-multiselect {
2278
2279
  -webkit-box-sizing: border-box;
2279
2280
  box-sizing: border-box;
2280
2281
  }
2281
- .e-listbox-wrapper:focus,
2282
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2283
+ .e-listbox-container .e-list-wrap:focus-visible,
2282
2284
  .e-listbox-container:focus,
2285
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2283
2286
  .e-listboxtool-wrapper:focus {
2284
2287
  outline: none;
2285
2288
  }
package/styles/fluent2.css CHANGED
@@ -936,6 +936,7 @@ ejs-dropdownlist {
936
936
 
937
937
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
938
938
  border-color: transparent;
939
+ background: none;
939
940
  }
940
941
 
941
942
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2929,8 +2930,10 @@ ejs-multiselect {
2929
2930
  -webkit-box-sizing: border-box;
2930
2931
  box-sizing: border-box;
2931
2932
  }
2932
- .e-listbox-wrapper:focus,
2933
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2934
+ .e-listbox-container .e-list-wrap:focus-visible,
2933
2935
  .e-listbox-container:focus,
2936
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2934
2937
  .e-listboxtool-wrapper:focus {
2935
2938
  outline: none;
2936
2939
  }
package/styles/highcontrast-light-lite.css CHANGED
@@ -617,6 +617,7 @@ ejs-dropdownlist {
617
617
 
618
618
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
619
619
  border-color: transparent;
620
+ background: none;
620
621
  }
621
622
 
622
623
  /* stylelint-disable */
@@ -2106,8 +2107,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2106
2107
  -webkit-box-sizing: border-box;
2107
2108
  box-sizing: border-box;
2108
2109
  }
2109
- .e-listbox-wrapper:focus,
2110
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2111
+ .e-listbox-container .e-list-wrap:focus-visible,
2110
2112
  .e-listbox-container:focus,
2113
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2111
2114
  .e-listboxtool-wrapper:focus {
2112
2115
  outline: none;
2113
2116
  }
package/styles/highcontrast-light.css CHANGED
@@ -692,6 +692,7 @@ ejs-dropdownlist {
692
692
 
693
693
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
694
694
  border-color: transparent;
695
+ background: none;
695
696
  }
696
697
 
697
698
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -2658,8 +2659,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2658
2659
  -webkit-box-sizing: border-box;
2659
2660
  box-sizing: border-box;
2660
2661
  }
2661
- .e-listbox-wrapper:focus,
2662
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2663
+ .e-listbox-container .e-list-wrap:focus-visible,
2662
2664
  .e-listbox-container:focus,
2665
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2663
2666
  .e-listboxtool-wrapper:focus {
2664
2667
  outline: none;
2665
2668
  }
package/styles/highcontrast-lite.css CHANGED
@@ -2129,8 +2129,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2129
2129
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2130
2130
  width: 87% !important; /* stylelint-disable-line declaration-no-important */
2131
2131
  }
2132
- .e-listbox-wrapper:focus,
2132
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2133
+ .e-listbox-container .e-list-wrap:focus-visible,
2133
2134
  .e-listbox-container:focus,
2135
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2134
2136
  .e-listboxtool-wrapper:focus {
2135
2137
  outline: none;
2136
2138
  }
package/styles/highcontrast.css CHANGED
@@ -2681,8 +2681,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
2681
2681
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2682
2682
  width: 87% !important; /* stylelint-disable-line declaration-no-important */
2683
2683
  }
2684
- .e-listbox-wrapper:focus,
2684
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2685
+ .e-listbox-container .e-list-wrap:focus-visible,
2685
2686
  .e-listbox-container:focus,
2687
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2686
2688
  .e-listboxtool-wrapper:focus {
2687
2689
  outline: none;
2688
2690
  }
package/styles/list-box/_layout.scss CHANGED
@@ -31,6 +31,7 @@
31
31
  }
32
32
  }
33
33
 
34
+ & .e-list-wrap:focus-visible,
34
35
  &:focus {
35
36
  outline: none;
36
37
  }
package/styles/list-box/bootstrap-dark.css CHANGED
@@ -52,8 +52,10 @@
52
52
  -webkit-box-sizing: border-box;
53
53
  box-sizing: border-box;
54
54
  }
55
- .e-listbox-wrapper:focus,
55
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
56
+ .e-listbox-container .e-list-wrap:focus-visible,
56
57
  .e-listbox-container:focus,
58
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
57
59
  .e-listboxtool-wrapper:focus {
58
60
  outline: none;
59
61
  }
package/styles/list-box/bootstrap.css CHANGED
@@ -57,8 +57,10 @@
57
57
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
58
58
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
- .e-listbox-wrapper:focus,
60
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
61
+ .e-listbox-container .e-list-wrap:focus-visible,
61
62
  .e-listbox-container:focus,
63
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
62
64
  .e-listboxtool-wrapper:focus {
63
65
  outline: none;
64
66
  }
package/styles/list-box/bootstrap4.css CHANGED
@@ -63,8 +63,10 @@
63
63
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
64
64
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
65
65
  }
66
- .e-listbox-wrapper:focus,
66
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
67
+ .e-listbox-container .e-list-wrap:focus-visible,
67
68
  .e-listbox-container:focus,
69
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
68
70
  .e-listboxtool-wrapper:focus {
69
71
  outline: none;
70
72
  }
package/styles/list-box/bootstrap5-dark.css CHANGED
@@ -69,8 +69,10 @@
69
69
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
70
70
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
71
71
  }
72
- .e-listbox-wrapper:focus,
72
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
73
+ .e-listbox-container .e-list-wrap:focus-visible,
73
74
  .e-listbox-container:focus,
75
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
74
76
  .e-listboxtool-wrapper:focus {
75
77
  outline: none;
76
78
  }
package/styles/list-box/bootstrap5.3.css CHANGED
@@ -74,8 +74,10 @@
74
74
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
75
75
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
76
76
  }
77
- .e-listbox-wrapper:focus,
77
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
78
+ .e-listbox-container .e-list-wrap:focus-visible,
78
79
  .e-listbox-container:focus,
80
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
79
81
  .e-listboxtool-wrapper:focus {
80
82
  outline: none;
81
83
  }
package/styles/list-box/bootstrap5.css CHANGED
@@ -69,8 +69,10 @@
69
69
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
70
70
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
71
71
  }
72
- .e-listbox-wrapper:focus,
72
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
73
+ .e-listbox-container .e-list-wrap:focus-visible,
73
74
  .e-listbox-container:focus,
75
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
74
76
  .e-listboxtool-wrapper:focus {
75
77
  outline: none;
76
78
  }
package/styles/list-box/fabric-dark.css CHANGED
@@ -52,8 +52,10 @@
52
52
  -webkit-box-sizing: border-box;
53
53
  box-sizing: border-box;
54
54
  }
55
- .e-listbox-wrapper:focus,
55
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
56
+ .e-listbox-container .e-list-wrap:focus-visible,
56
57
  .e-listbox-container:focus,
58
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
57
59
  .e-listboxtool-wrapper:focus {
58
60
  outline: none;
59
61
  }
package/styles/list-box/fabric.css CHANGED
@@ -57,8 +57,10 @@
57
57
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
58
58
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
- .e-listbox-wrapper:focus,
60
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
61
+ .e-listbox-container .e-list-wrap:focus-visible,
61
62
  .e-listbox-container:focus,
63
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
62
64
  .e-listboxtool-wrapper:focus {
63
65
  outline: none;
64
66
  }
package/styles/list-box/fluent-dark.css CHANGED
@@ -69,8 +69,10 @@
69
69
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
70
70
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
71
71
  }
72
- .e-listbox-wrapper:focus,
72
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
73
+ .e-listbox-container .e-list-wrap:focus-visible,
73
74
  .e-listbox-container:focus,
75
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
74
76
  .e-listboxtool-wrapper:focus {
75
77
  outline: none;
76
78
  }
package/styles/list-box/fluent.css CHANGED
@@ -69,8 +69,10 @@
69
69
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
70
70
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
71
71
  }
72
- .e-listbox-wrapper:focus,
72
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
73
+ .e-listbox-container .e-list-wrap:focus-visible,
73
74
  .e-listbox-container:focus,
75
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
74
76
  .e-listboxtool-wrapper:focus {
75
77
  outline: none;
76
78
  }
package/styles/list-box/fluent2.css CHANGED
@@ -82,8 +82,10 @@
82
82
  -webkit-box-sizing: border-box;
83
83
  box-sizing: border-box;
84
84
  }
85
- .e-listbox-wrapper:focus,
85
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
86
+ .e-listbox-container .e-list-wrap:focus-visible,
86
87
  .e-listbox-container:focus,
88
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
87
89
  .e-listboxtool-wrapper:focus {
88
90
  outline: none;
89
91
  }
package/styles/list-box/highcontrast-light.css CHANGED
@@ -64,8 +64,10 @@
64
64
  -webkit-box-sizing: border-box;
65
65
  box-sizing: border-box;
66
66
  }
67
- .e-listbox-wrapper:focus,
67
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
68
+ .e-listbox-container .e-list-wrap:focus-visible,
68
69
  .e-listbox-container:focus,
70
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
69
71
  .e-listboxtool-wrapper:focus {
70
72
  outline: none;
71
73
  }
package/styles/list-box/highcontrast.css CHANGED
@@ -69,8 +69,10 @@
69
69
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
70
70
  width: 87% !important; /* stylelint-disable-line declaration-no-important */
71
71
  }
72
- .e-listbox-wrapper:focus,
72
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
73
+ .e-listbox-container .e-list-wrap:focus-visible,
73
74
  .e-listbox-container:focus,
75
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
74
76
  .e-listboxtool-wrapper:focus {
75
77
  outline: none;
76
78
  }
package/styles/list-box/material-dark.css CHANGED
@@ -52,8 +52,10 @@
52
52
  -webkit-box-sizing: border-box;
53
53
  box-sizing: border-box;
54
54
  }
55
- .e-listbox-wrapper:focus,
55
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
56
+ .e-listbox-container .e-list-wrap:focus-visible,
56
57
  .e-listbox-container:focus,
58
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
57
59
  .e-listboxtool-wrapper:focus {
58
60
  outline: none;
59
61
  }
package/styles/list-box/material.css CHANGED
@@ -57,8 +57,10 @@
57
57
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
58
58
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
59
59
  }
60
- .e-listbox-wrapper:focus,
60
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
61
+ .e-listbox-container .e-list-wrap:focus-visible,
61
62
  .e-listbox-container:focus,
63
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
62
64
  .e-listboxtool-wrapper:focus {
63
65
  outline: none;
64
66
  }
package/styles/list-box/material3-dark.css CHANGED
@@ -54,8 +54,10 @@
54
54
  -webkit-box-sizing: border-box;
55
55
  box-sizing: border-box;
56
56
  }
57
- .e-listbox-wrapper:focus,
57
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
58
+ .e-listbox-container .e-list-wrap:focus-visible,
58
59
  .e-listbox-container:focus,
60
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
59
61
  .e-listboxtool-wrapper:focus {
60
62
  outline: none;
61
63
  }
package/styles/list-box/material3.css CHANGED
@@ -56,8 +56,10 @@
56
56
  -webkit-box-sizing: border-box;
57
57
  box-sizing: border-box;
58
58
  }
59
- .e-listbox-wrapper:focus,
59
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
60
+ .e-listbox-container .e-list-wrap:focus-visible,
60
61
  .e-listbox-container:focus,
62
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
61
63
  .e-listboxtool-wrapper:focus {
62
64
  outline: none;
63
65
  }
package/styles/list-box/tailwind-dark.css CHANGED
@@ -75,8 +75,10 @@
75
75
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
76
76
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
77
77
  }
78
- .e-listbox-wrapper:focus,
78
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
79
+ .e-listbox-container .e-list-wrap:focus-visible,
79
80
  .e-listbox-container:focus,
81
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
80
82
  .e-listboxtool-wrapper:focus {
81
83
  outline: none;
82
84
  }
package/styles/list-box/tailwind.css CHANGED
@@ -75,8 +75,10 @@
75
75
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
76
76
  width: 84% !important; /* stylelint-disable-line declaration-no-important */
77
77
  }
78
- .e-listbox-wrapper:focus,
78
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
79
+ .e-listbox-container .e-list-wrap:focus-visible,
79
80
  .e-listbox-container:focus,
81
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
80
82
  .e-listboxtool-wrapper:focus {
81
83
  outline: none;
82
84
  }
package/styles/material-dark-lite.css CHANGED
@@ -659,6 +659,7 @@ ejs-dropdownlist {
659
659
 
660
660
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
661
661
  border-color: transparent;
662
+ background: none;
662
663
  }
663
664
 
664
665
  /* stylelint-disable */
@@ -2772,8 +2773,10 @@ ejs-multiselect {
2772
2773
  -webkit-box-sizing: border-box;
2773
2774
  box-sizing: border-box;
2774
2775
  }
2775
- .e-listbox-wrapper:focus,
2776
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2777
+ .e-listbox-container .e-list-wrap:focus-visible,
2776
2778
  .e-listbox-container:focus,
2779
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2777
2780
  .e-listboxtool-wrapper:focus {
2778
2781
  outline: none;
2779
2782
  }
package/styles/material-dark.css CHANGED
@@ -733,6 +733,7 @@ ejs-dropdownlist {
733
733
 
734
734
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
735
735
  border-color: transparent;
736
+ background: none;
736
737
  }
737
738
 
738
739
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -4109,8 +4110,10 @@ ejs-multiselect {
4109
4110
  -webkit-box-sizing: border-box;
4110
4111
  box-sizing: border-box;
4111
4112
  }
4112
- .e-listbox-wrapper:focus,
4113
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
4114
+ .e-listbox-container .e-list-wrap:focus-visible,
4113
4115
  .e-listbox-container:focus,
4116
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
4114
4117
  .e-listboxtool-wrapper:focus {
4115
4118
  outline: none;
4116
4119
  }
package/styles/material-lite.css CHANGED
@@ -682,6 +682,7 @@ ejs-dropdownlist {
682
682
 
683
683
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
684
684
  border-color: transparent;
685
+ background: none;
685
686
  }
686
687
 
687
688
  /*! TreeView's material theme wise override definitions and variables */
@@ -2804,8 +2805,10 @@ ejs-multiselect {
2804
2805
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2805
2806
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
2806
2807
  }
2807
- .e-listbox-wrapper:focus,
2808
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2809
+ .e-listbox-container .e-list-wrap:focus-visible,
2808
2810
  .e-listbox-container:focus,
2811
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2809
2812
  .e-listboxtool-wrapper:focus {
2810
2813
  outline: none;
2811
2814
  }
package/styles/material.css CHANGED
@@ -756,6 +756,7 @@ ejs-dropdownlist {
756
756
 
757
757
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
758
758
  border-color: transparent;
759
+ background: none;
759
760
  }
760
761
 
761
762
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -4162,8 +4163,10 @@ ejs-multiselect {
4162
4163
  .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
4163
4164
  width: 86% !important; /* stylelint-disable-line declaration-no-important */
4164
4165
  }
4165
- .e-listbox-wrapper:focus,
4166
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
4167
+ .e-listbox-container .e-list-wrap:focus-visible,
4166
4168
  .e-listbox-container:focus,
4169
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
4167
4170
  .e-listboxtool-wrapper:focus {
4168
4171
  outline: none;
4169
4172
  }
package/styles/material3-dark-lite.css CHANGED
@@ -707,6 +707,7 @@ ejs-dropdownlist {
707
707
 
708
708
  .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
709
709
  border-color: transparent;
710
+ background: none;
710
711
  }
711
712
 
712
713
  .e-ddt .e-ddt-icon::before {
@@ -2715,8 +2716,10 @@ ejs-multiselect {
2715
2716
  -webkit-box-sizing: border-box;
2716
2717
  box-sizing: border-box;
2717
2718
  }
2718
- .e-listbox-wrapper:focus,
2719
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2720
+ .e-listbox-container .e-list-wrap:focus-visible,
2719
2721
  .e-listbox-container:focus,
2722
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2720
2723
  .e-listboxtool-wrapper:focus {
2721
2724
  outline: none;
2722
2725
  }