Numbers entered in the CVV field remain visible; this request is to show asterisks *** instead to increase donor confidence in the security of the form.
Description
Details
Subject | Repo | Branch | Lines +/- | |
---|---|---|---|---|
Mask CVV input on DLocal forms | mediawiki/extensions/DonationInterface | master | +2 -1 |
Event Timeline
Looks like we can solve it for safari & chrome users with some CSS:
{ -webkit-text-security: disc; text-security: disc; }
https://stackoverflow.com/questions/17769429/get-input-type-text-to-look-like-type-password
Not working - we can only pass a certain set of properties listed here: https://docs.dlocal.com/reference/the-fields-object#field-options
I also tried the dotsfont suggestion, and it seems that the '@font-face' definition in the outer frame's dlocal.css does not apply to the iframe, so passing in the font-family of dotsfont just makes the cvv field use the default serif font face.
Change 903742 had a related patch set uploaded (by Ejegg; author: Ejegg):
[mediawiki/extensions/DonationInterface@master] Mask CVV input on DLocal forms
Change 903742 merged by jenkins-bot:
[mediawiki/extensions/DonationInterface@master] Mask CVV input on DLocal forms