Greetings fellow developers!
Currently in the process of developing a web application, I have encountered an issue specifically with the Firefox browser on Android. Upon clicking a text field, the appearance of the soft keyboard causes my entire window to resize and mess up my CSS layout.
I was able to find a workaround for this problem on Android Chrome by using the following script:
var meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width,height='+window.innerHeight+', initial-scale=1.0';
document.getElementsByTagName('head')[0].appendChild(meta);
However, it appears that Firefox browser is not responding to this code and continues to resize my window unexpectedly.
Just to clarify, my question pertains to a web application created using HTML, CSS, and JavaScript - not a native android application.
Thank you all for taking the time to read this.