Fix InputField autofill bug (#79)

saswatamcode · web-flow · commit 32a9fb1b358f · 2020-12-10T18:54:46.000+05:30
* Fix InputField autofill bug
* Implement requested changes
* Update package.json to 0.2.11

Signed-off-by: Saswata Mukherjee &lt;saswataminsta@yahoo.com&gt;
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "kubera-ui",
   "license": "Apache-2.0",
-  "version": "0.2.10",
+  "version": "0.2.11",
   "private": false,
   "description": "Component Library for Kubera products",
   "author": "MayaData, Inc.",
diff --git a/src/core/InputField/styles.ts b/src/core/InputField/styles.ts
@@ -18,6 +18,18 @@ const useStyles = makeStyles((theme: Theme) => ({
     '& .MuiSvgIcon-root': {
       color: theme.palette.text.hint,
     },
+    '& .MuiInputBase-input': {
+      '&:focus, &:hover, &:active': {
+        '&:-webkit-autofill': {
+          WebkitBoxShadow: `0 0 0 1000px ${theme.palette.background.paper} inset`,
+          WebkitTextFillColor: theme.palette.text.primary,
+        },
+      },
+      '&:-webkit-autofill': {
+        WebkitBoxShadow: `0 0 0 1000px ${theme.palette.background.paper} inset`,
+        WebkitTextFillColor: theme.palette.text.primary,
+      },
+    },
   },
   disabled: {
     color: theme.palette.text.disabled,

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "kubera-ui",`
`3`	`3`	`"license": "Apache-2.0",`
`4`		`- "version": "0.2.10",`
	`4`	`+ "version": "0.2.11",`
`5`	`5`	`"private": false,`
`6`	`6`	`"description": "Component Library for Kubera products",`
`7`	`7`	`"author": "MayaData, Inc.",`