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;
  } */