fix: show the parent element of disabled input as disabled

fixes: #3004
saadeghi · May 2, 2024 · 50d26b5 · 50d26b5
1 parent 829ec73
commit 50d26b5
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/styled/input.css b/src/components/styled/input.css
@@ -74,11 +74,15 @@
       @apply outline-error border-error;
     }
   }
+  &:has(> input[disabled]),
   &-disabled,
   &:disabled,
   &[disabled] {
     @apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 cursor-not-allowed placeholder-opacity-20;
   }
+  &:has(> input[disabled]) > input[disabled] {
+    @apply cursor-not-allowed;
+  }
   /* &::-webkit-calendar-picker-indicator {
     display: none;
   } */