fix: a small eye icon for password input in edge(heroui-inc#4927)

linyonglu · Feb 27, 2025 · e125e80 · e125e80
1 parent 66d2c2b
commit e125e80
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/slow-gifts-guess.md b/.changeset/slow-gifts-guess.md
@@ -0,0 +1,5 @@
+---
+"@heroui/input": patch
+---
+
+fix a small eye icon for password input in edge browser(#4927)
diff --git a/packages/components/input/src/use-input.ts b/packages/components/input/src/use-input.ts
@@ -361,7 +361,12 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         "data-has-start-content": dataAttr(hasStartContent),
         "data-has-end-content": dataAttr(!!endContent),
         className: slots.input({
-          class: clsx(classNames?.input, isFilled ? "is-filled" : "", isMultiline ? "pe-0" : ""),
+          class: clsx(
+            classNames?.input,
+            isFilled ? "is-filled" : "",
+            isMultiline ? "pe-0" : "",
+            type === "password" ? "[&::-ms-reveal]:hidden" : "",
+          ),
         }),
         ...mergeProps(
           focusProps,