search

sanniassin / react-input-mask

Input masking component for React. Made with attention to UX.
MIT License
2.21k stars 257 forks source link

Feature Request - Grey mask value #321

Open tponthieux opened 7 months ago

tponthieux commented 7 months ago

These days it's expected that unfilled mask values look grey. It would also be better that the input's value does not include the mask characters. The mask with grey text should go in a span behind the input with a transparent background.

sagarCS commented 6 months ago

@sanniassin do we see in the future to add this support, this seems kind of an important feature to add.

sagarCS commented 6 months ago

@tponthieux what did you do to overcome this?

jim-pickering commented 4 months ago

All of my text fields have the browser default gray placeholder text, except for the Date of Birth field that uses the mask. Its text is black. It really stands out, and makes the form look inconsistent. Can anyone comment on a way to style the color of the maskPlaceholder? Is there a way or workaround?

jim-pickering commented 4 months ago

Answered my own question. Yes, the maskPlaceholder can be styled. I was having a tough time with cache, which is why it wasn't changing.

sagarCS commented 4 months ago

What solution did you try? Can you share it here please? @jim-pickering