fix(input): fixed the background change on autofill in Chrome

heroui-inc · Jul 8, 2024 · 8e0a101 · 8e0a101
1 parent e71b019
commit 8e0a101
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 19 deletions.
diff --git a/.changeset/rotten-days-sell.md b/.changeset/rotten-days-sell.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+fixed the input background change by autofill in Chrome
diff --git a/.changeset/sour-lobsters-sort.md b/.changeset/sour-lobsters-sort.md
diff --git a/packages/components/input/src/index.ts b/packages/components/input/src/index.ts
@@ -1,6 +1,5 @@
 import Input from "./input";
 import Textarea from "./textarea";
-import "./input.css";
 
 // export types
 export type {InputProps} from "./input";

diff --git a/packages/components/input/src/input.css b/packages/components/input/src/input.css
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
@@ -44,6 +44,7 @@ const input = tv({
       "data-[has-start-content=true]:ps-1.5",
       "data-[has-end-content=true]:pe-1.5",
       "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text",
     ],
     clearButton: [
       "p-2",