do not override passed style

stackernews · Nov 5, 2024 · 2b9277a · 2b9277a
1 parent 4d8f855
commit 2b9277a
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/components/form.js b/components/form.js
@@ -1188,12 +1188,17 @@ export function PasswordInput ({ newPass, qr, copy, readOnly, append, value, ...
     )
   }, [showPass, copy, field?.value, qr, readOnly, append])
 
+  if (props.as === 'textarea') {
+    if (!showPass) {
+      if (!props.style) props.style = {}
+      props.style.WebkitTextSecurity = 'disc'
+    } else {
+      if (props.style?.WebkitTextSecurity) delete props.style.WebkitTextSecurity
+    }
+  }
   return (
     <ClientInput
       {...props}
-      {
-        ...(!showPass && props.as === 'textarea') ? { style: { '-webkit-text-security': 'disc' } } : {}
-      }
       className={styles.passwordInput}
       type={showPass ? 'text' : 'password'}
       autoComplete={newPass ? 'new-password' : 'current-password'}