Currently, input masking is handled by the browser by leveraging the html input type="password" attribute. Which this handles masking well, it introduces a few problems
The browser prompts the user to "Save this password" when editing secrets. (Browser specific workarounds to block this exist in some cases but are not ideal)
The masking looks different on different browsers
Masking very large, or multi line values is sub-optimal
Suggested approach
Use a password font such as this one to mask inputs.
Describe alternatives you've considered
Manually replacing masked characters with * or • symbols. While this masks characters, it creates several other issues such as managing the value vs displayValue of inputs, removing the ability to manually copy values, etc
Is your feature request related to a problem?
Currently, input masking is handled by the browser by leveraging the html input
type="password"
attribute. Which this handles masking well, it introduces a few problemsSuggested approach
Use a password font such as this one to mask inputs.
Describe alternatives you've considered
Manually replacing masked characters with
*
or•
symbols. While this masks characters, it creates several other issues such as managing the value vs displayValue of inputs, removing the ability to manually copy values, etcAdditional context
Alternative approaches are welcome