@syncfusion/ej2-dropdowns 29.1.38 → 29.1.41

package/styles/drop-down-list/_highcontrast-definition.scss

@@ -23,6 +23,7 @@ $ddl-filter-background-color: $bg-base-0 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border-fg !default;
 
 //small size
 $ddl-small-list-font-size: 13px !default;

package/styles/drop-down-list/_highcontrast-light-definition.scss

@@ -8,6 +8,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
+$ddl-box-border-color: $border-fg !default;
 
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;

package/styles/drop-down-list/_layout.scss

@@ -199,6 +199,11 @@
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -261,4 +266,19 @@
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/styles/drop-down-list/bds.css

@@ -470,6 +470,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/bootstrap-dark.css

@@ -293,6 +293,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/bootstrap.css

@@ -293,6 +293,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -338,6 +343,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ccc;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: #ccc;
 }

package/styles/drop-down-list/bootstrap4.css

@@ -323,6 +323,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -368,6 +373,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ced4da;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
 .e-popup {
   border-color: rgba(0, 0, 0, 0.15);
 }

package/styles/drop-down-list/bootstrap5-dark.css

@@ -340,6 +340,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -385,6 +390,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #6c757d;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-popup {
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }

package/styles/drop-down-list/bootstrap5.3.css

@@ -344,6 +344,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -390,6 +395,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: var(--color-sf-border);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }

package/styles/drop-down-list/bootstrap5.css

@@ -340,6 +340,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -385,6 +390,13 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #ced4da;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-popup {
   border-color: #dee2e6;
 }

package/styles/drop-down-list/fabric-dark.css

@@ -269,6 +269,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/fabric.css

@@ -269,6 +269,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -314,6 +319,11 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #c8c8c8;
+}
+
 .e-popup {
   border-color: #eaeaea;
 }

package/styles/drop-down-list/fluent-dark.css

@@ -334,6 +334,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/fluent.css

@@ -334,6 +334,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/fluent2.css

@@ -514,6 +514,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/highcontrast-light.css

@@ -286,6 +286,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/highcontrast.css

@@ -290,6 +290,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -340,6 +345,11 @@ ejs-dropdownlist {
   color: rgb(221, 218, 218);
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #fff;
+}
+
 .e-popup {
   border-color: #969696;
 }

package/styles/drop-down-list/material-dark.css

@@ -332,6 +332,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/material.css

@@ -355,6 +355,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/material3-dark.css

@@ -370,6 +370,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/material3.css

@@ -372,6 +372,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/tailwind-dark.css

@@ -320,6 +320,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/tailwind.css

@@ -320,6 +320,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/drop-down-list/tailwind3.css

@@ -352,6 +352,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fabric-dark-lite.css

@@ -566,6 +566,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fabric-dark.css

@@ -641,6 +641,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fabric-lite.css

@@ -566,6 +566,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -611,6 +616,11 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #c8c8c8;
+}
+
 .e-popup {
   border-color: #eaeaea;
 }

package/styles/fabric.css

@@ -641,6 +641,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -686,6 +691,11 @@ ejs-dropdownlist {
   width: 15px;
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #c8c8c8;
+}
+
 .e-popup {
   border-color: #eaeaea;
 }

package/styles/fluent-dark-lite.css

@@ -641,6 +641,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fluent-dark.css

@@ -742,6 +742,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fluent-lite.css

@@ -641,6 +641,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fluent.css

@@ -742,6 +742,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fluent2-lite.css

@@ -813,6 +813,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/fluent2.css

@@ -905,6 +905,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/highcontrast-light-lite.css

@@ -583,6 +583,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/highcontrast-light.css

@@ -658,6 +658,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/highcontrast-lite.css

@@ -587,6 +587,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -637,6 +642,11 @@ ejs-dropdownlist {
   color: rgb(221, 218, 218);
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #fff;
+}
+
 .e-popup {
   border-color: #969696;
 }

package/styles/highcontrast.css

@@ -662,6 +662,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;
@@ -712,6 +717,11 @@ ejs-dropdownlist {
   color: rgb(221, 218, 218);
 }
 
+.e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+.e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #fff;
+}
+
 .e-popup {
   border-color: #969696;
 }

package/styles/material-dark-lite.css

@@ -629,6 +629,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;

package/styles/material-dark.css

@@ -703,6 +703,11 @@
   pointer-events: none;
 }
 
+.e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+  cursor: pointer;
+  pointer-events: auto;
+}
+
 .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
   opacity: 0.7;
   pointer-events: none;