Hi Guys,
I started building a reveal and hide function for the password inputs. I used this post and this webarticle since I’m very new to Bubble.
It works fine on different browsers, but, on a mobile phone, iphone, it only hides the initial password when I choose for the iphone to fill in the password. If I remove it and start typing myself, it’s fine. But when I dismise the iphone password and start typing myself, it will instantly reveal the password, even though I did not click the hide/reveal icon. After clicking it twice, all works like it should.
This is what I did.
Set a yes/no state (hide) on the login page, default hide=yes
When the hide/reveal icons groups is clicked I run this JavaScript
In a different event that only runs if the hide state is ‘no’
I set the state to ‘yes’
I show the visible_off icon
and hide the visible icon
In jet another event I do the opposite.
Only run the event when the state hide=yes
Setting the state to ‘no’
Show the visible icon
Hide the visible_off icon.
Can anyone tell me what is causing the password to directly show on mobile phone only when I start typing myself immediately?
Thanks very much in advance!