I noticed on Android 4.2.2 (Chrome 50). There is a simple modal window, with a simple form and several input fields. all default styles.
<div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <form class="form-horizontal"> <p>Simple form</p> <div class="form-group"> <label for="input1"><span">Old pass</span></label> <input type="password" id="input1" maxlength="20"> </div> <div class="form-group"> <label for="input2"><span>New pass</span></label> <input type="password" id="input2" maxlength="20"> </div> <button type="button">change pass</button> </form> </div> </div> </div> when input is in focus, the keyboard opens and shields input fields. You have to scroll the form to see what is being entered. I tried to fix with
$('input').on('focus',function(){ $('.modal').animate({ scrollTop: $('label').offset().top }, 1000); }) It became better, but not always correctly scrolled. in some cases, if there are several input elements, when you select the second or third element, it will scroll in the opposite direction. How can I fix it?
