This is for a web application targeted at any mobile browser, but mostly Chrome and Safari for iOS10. The browser opens the built-in keyboard when the user clicks on any input, and this is normal, but I'm trying to resize / move elements that are more relevant to the user at this moment.
Is there a way to calculate the height of the keyboard so that I can adjust the elements accordingly? A general solution would be better, since inputs can open different types of keyboards (text, number ...), but hard coding options are also a valid answer at this point.
I checked around window.screen, window.innerHeight etc. to no avail ...
Thanks!
source share