Fix button disabled behavior

This commit is contained in:
Evan Simkowitz 2024-09-18 14:14:03 -07:00
parent 479414fbd1
commit 3ade98879b
No known key found for this signature in database
2 changed files with 3 additions and 4 deletions

View File

@ -144,9 +144,10 @@
} }
} }
&.disabled { &:disabled {
cursor: default; cursor: default;
opacity: 0.5; opacity: 0.5;
pointer-events: none;
} }
&:focus, &:focus,

View File

@ -35,9 +35,7 @@ const Button = memo(
<button <button
ref={btnRef} ref={btnRef}
tabIndex={disabled ? -1 : 0} tabIndex={disabled ? -1 : 0}
className={clsx("button", finalClassName, { className={clsx("button", finalClassName)}
disabled,
})}
disabled={disabled} disabled={disabled}
{...props} {...props}
> >