console icon indicating copy to clipboard operation
console copied to clipboard

Improve secret input masking

Open rohan-chaturvedi opened this issue 8 months ago • 2 comments

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 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

Additional context

Alternative approaches are welcome

rohan-chaturvedi avatar Jun 07 '24 10:06 rohan-chaturvedi