Working with a mobile html5 application on Android that uses the behavior of the Chrome browser is good, but once added to the home screen and is used in full screen mode. I ran into the following problem :
When you press the text input located in the footer, the page does not move up - the keyboard closes it so that you cannot see what you are typing .
I need the page to be normalized the same as when viewing in browser mode
This is what I have in the title :
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
and footer :
<div class="footer pos-fixed"> <div class="container"> <div class="container"> <form class="form-inline" role="form" id="ajax-message" method="post" action="blabla"> <input name="conversation_id" value="1" type="hidden"> <input name="receipient_id" value="14" type="hidden"> <div class="marg-10"> <textarea style="" class="text-input-box" name="message" rows="1"></textarea> <button class="btn btn-primary btn-sm pull-right" type="submit"><i class="fa fa-check"></i> Send</button> </div> <input name="_token" value="xx" type="hidden"> </form> </div> </div>
ps: I also use the latest bootsrap and jquery
source share