fix(input): set cursor to not-allowed when disabled (#101)

* fix(input): set cursor to not-allowed when disabled * fix(input): addressing changes
ovh · Jul 19, 2023 · 43ee887 · 43ee887
1 parent 47ca6f0
commit 43ee887
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/packages/stencil/components/input/src/components/osds-input/osds-input.scss b/packages/stencil/components/input/src/components/osds-input/osds-input.scss
@@ -40,6 +40,15 @@ input {
   }
 }
 
+[disabled] {
+  @include osds-input-on-selected-host() {
+    opacity: .5;
+    cursor: not-allowed;
+  }
+
+  cursor: not-allowed;
+}
+
 /* Chrome, Safari, Edge, Opera */
 input[type=number],
 input[type=number]::-webkit-outer-spin-button,
@@ -49,14 +58,6 @@ input[type=number]::-webkit-inner-spin-button {
   margin: 0;
 }
 
-[disabled] {
-  @include osds-input-on-selected-host() {
-    opacity: .5;
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-}
-
 // apply the theme template for the component
 @include ods-theme-component() {
   @include osds-input-theme-color();