refactor(InputGroupAddon): improve pointer event handling

kripod · Jul 20, 2024 · b435d06 · b435d06
1 parent 5a5066d
commit b435d06
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/InputGroup.tsx b/src/components/InputGroup.tsx
@@ -63,7 +63,7 @@ export function InputGroupAddon({
       ref={ref}
       className={clsx(
         className,
-        "pointer-events-none z-10 text-ui-neutral-950/65 transition *:pointer-events-auto disabled:*:opacity-100 group-disabled/input:opacity-35",
+        "pointer-events-none z-10 text-ui-neutral-950/65 transition disabled:*:opacity-100 group-disabled/input:opacity-35",
       )}
     >
       {children}

diff --git a/src/utils/controlClassName.ts b/src/utils/controlClassName.ts
@@ -11,7 +11,7 @@ function isEquilateral(shape: ControlProps["shape"]) {
 
 export function controlClassName({ size, shape }: ControlProps) {
   return clsx(
-    "transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-ui-accent-600 disabled:pointer-events-none disabled:opacity-35",
+    "pointer-events-auto transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-ui-accent-600 disabled:pointer-events-none disabled:opacity-35",
     size === "sm" && clsx("h-8 text-base/none", isEquilateral(shape) && "w-8"),
     size === "md" &&
       clsx("h-10 text-base/none", isEquilateral(shape) && "w-10"),