Application messed up on keyboard pop-up

In my web app my login page is deranged when opening the keyboard. In android development this can be solved by modifying the android:windowSoftInputMode="stateVisible|adjustResize" in the manifest file. Is there any way that this can be done for web-applications developed in Javascript?

Answers


If your webapp is becoming deranged when the keyboard is scrolling up, often times it's more of a css problem then a javascript problem. Since in most browsers the top of the keyboard will become the new bottom of the page when the keyboard is scrolled up. For instance if you set an element to position:absolute; bottom:0; you can see that the element will treat the top of the keyboard as the bottom of the page.

So if you have a lot of elements with position:relative; or alot of elements that positions are based on the bottom of the window you could end up with a deranged view when the keyboard scrolls up. Additionally there is some functions and calls you can make in javascript using window that allow you to change functionality of the window on keyboard up. That being said it is hard to say why your webpage is becoming deranged with such little information.


Need Your Help

jQuery onChange prop a value to inputs

javascript jquery select option onchange

I have a <select> drop down that I'm inserting into my HTML via jQuery. I don't have control over the HTML but I do have control over the JavaScript.

How to add sound to a typewriter effect code in Actionscript 2.0

flash audio actionscript actionscript-2 cs4

My problem is that I want to implement a keystroke sound (it's called "TextBeep" and the linkage name is also "TextBeep" it is a .WAV file) while a typewriter effect text is being played. As soon a...