How to get keyboard height in web application

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!

+5
source share

Source: https://habr.com/ru/post/1262896/


All Articles