ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use -webkit-text-security to hide passphrase

This commit is contained in:
Riccardo Balbo 2024-11-05 17:16:27 +01:00
parent 532abcb486
commit 4d8f85508a
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/form.js
View File

@ -1188,17 +1188,18 @@ export function PasswordInput ({ newPass, qr, copy, readOnly, append, value, ...
) )
}, [showPass, copy, field?.value, qr, readOnly, append]) }, [showPass, copy, field?.value, qr, readOnly, append])
const maskedValue = !showPass && props.as === 'textarea' ? field?.value?.replace(/./g, '•') : field?.value
return ( return (
<ClientInput <ClientInput
{...props} {...props}
{
...(!showPass && props.as === 'textarea') ? { style: { '-webkit-text-security': 'disc' } } : {}
}
className={styles.passwordInput} className={styles.passwordInput}
type={showPass ? 'text' : 'password'} type={showPass ? 'text' : 'password'}
autoComplete={newPass ? 'new-password' : 'current-password'} autoComplete={newPass ? 'new-password' : 'current-password'}
readOnly={readOnly} readOnly={readOnly}
append={props.as === 'textarea' ? undefined : Append} append={props.as === 'textarea' ? undefined : Append}
value={maskedValue} value={field?.value}
under={props.as === 'textarea' under={props.as === 'textarea'
? ( ? (
<div className='mt-2 d-flex justify-content-end' style={{ gap: '8px' }}> <div className='mt-2 d-flex justify-content-end' style={{ gap: '8px' }}>