react-input-mask icon indicating copy to clipboard operation
react-input-mask copied to clipboard

Feature Request - Grey mask value

Open tponthieux opened this issue 1 year ago • 5 comments

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.

tponthieux avatar Dec 08 '23 19:12 tponthieux

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

sagarCS avatar Jan 12 '24 08:01 sagarCS

@tponthieux what did you do to overcome this?

sagarCS avatar Jan 12 '24 08:01 sagarCS

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 avatar Feb 22 '24 19:02 jim-pickering

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.

jim-pickering avatar Feb 22 '24 19:02 jim-pickering

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

sagarCS avatar Feb 22 '24 19:02 sagarCS