renato-bohler / redux-form-input-masks

Input masking with redux-form made easy
https://bohler.dev/redux-form-input-masks/
MIT License
138 stars 10 forks source link

Masking a 'password' type input makes the field appear prepopulated #56

Open SladeRun14 opened 6 years ago

SladeRun14 commented 6 years ago

Applying a mask to a password type input field confuses the user

Use case:

We're trying to apply a mask to field that accepts a PIN number. The PIN number should be hidden from onlookers as the user types, so we use a password type input field. We want to limit the user to entering exactly 6 digit and only digits. The mask is perfect for this (paired with a validation).

What is the current behavior?

Applying a mask to a password type input field initially displays the field populated dots. These dots erroneously indicate to the user that something has been entered in the field.

What is the expected behavior?

A password type input field should initially display the underscores representing each digit in the mask.

renato-bohler commented 6 years ago

It is beyond us to change how the input type password displays the inputted characters on the navigator.

The desired use case will be feasible though, when #55 is done (and using input type text).