I'm writing a webpage, which will fully support mobile browsers.
The page currently uses KnockoutJS to dynamically recalculate component sizes (and hide some components) based on the screen (or container) size.
I have a problem with the android browser:
When you click on a text field, the pop up keyboard causes a screen resize, which causes KnockoutJS to (correctly) re-render the display. This momentarily causes the text field to lose focus, which pop-up keyboard to disappear.
If only I could know whether a resize was caused by the pop-up keyboard...
Thanks,
Chris.
Solved this by adding a listener to the input's focus event which disables reacting to resize events for 0.5s.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With