actnforchildren / mental_health_app

Tiffany Tang's mental health app working with Dwyl.com
https://actnforchildren.herokuapp.com/
7 stars 0 forks source link

Safari bug - keyboard issues when entering PIN #112

Closed tiffany-tang closed 5 years ago

tiffany-tang commented 5 years ago

Previously discussed on #5 and closed, but if this can be addressed will be great.

The issue is when entering the PIN on safari, the keyboard's default view will be the alphabets and hence when typing the PIN, users will have to consistently change to the number-symbols view for each slot.

SimonLab commented 5 years ago

At the moment we are using the type "password" for the pin inputs. unfortunately there is not a way to limit the password type to be just number. <input type="password" name="" value="">

We can achieve this by using a type "number" on the input but the password will not be hidden anymore automatically. We can use a css rule to hide the number like on the password but this solution only work for Opera, Chrome and Safari: -webkit-text-security: disc;

I would suggest we try to this solution and have some feedback while testing.

tiffany-tang commented 5 years ago

Looks good to me! Thanks!