Fix button disabled behavior

2026-08-05 13:57:07 -07:00 · 2024-09-18 14:14:03 -07:00
parent 479414fbd1
commit 3ade98879b
2 changed files with 3 additions and 4 deletions
@@ -144,9 +144,10 @@
        }
    }

-    &.disabled {
+    &:disabled {
        cursor: default;
        opacity: 0.5;
+        pointer-events: none;
    }

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