I'm trying to make a responsive design for mobile devices but have run into a snag regarding the vh unit and the mobile keyboards.
On both iPhones and Androids, the keyboard reduces the viewport's height, and the effects are different on each.
For iPhones, the changed viewport only affects elements that are added or refreshed while the keyboard is active, and the elements stay that way until refreshed without the keyboard.
For Androids, the entire document is adjusted for the new viewport while the keyboard is active, and then reverts back to normal after the keyboard is deactivated.
I've found some custom plugins that can do what I want, but I can't test them with the simulator or companion app which is what I am limited to.
I'm also not precisely sure how to reference the custom plugin I currently have as it doesn't have an <asset> tag in the plugin.xml file.
Is there a way to fix this issue, preferably without using custom plugins? It would also be great if I can fix this simply through css styling.
Thanks!