[jira] [Created] (CB-6375) When keyboard is dismissed. Page has a large gap at top of screen

["Jonathan Yong (JIRA)" <ji...@apache.org>]

Jonathan Yong created CB-6375:
---------------------------------

             Summary: When keyboard is dismissed. Page has a large gap at top of screen
                 Key: CB-6375
                 URL: https://issues.apache.org/jira/browse/CB-6375
             Project: Apache Cordova
          Issue Type: Bug
          Components: Android
    Affects Versions: 3.4.0
         Environment: Android 4.4.2 Nexus 5, jQuery Mobile 1.4.2, PhoneGap 3.4
            Reporter: Jonathan Yong


See screenshot here: http://imgur.com/NtQ4QSl
Notice the large white gap at the top of the page

When a page is tall enough to cause the page to slide upwards when the virtual keyboard is displayed, and while the page scroll position is scrolled down so that the header and / or other controls are hidden above the top edge of the screen, dismissing the keyboard will intermittantly cause a page rendering error when there is a large white gap above the header of the page, essentially pushing down all page contents.

This also causes the hitboxes of buttons and other form controls to differ fro he on screen view i.e. the hitboxes are where the controls should have appeared had there not been a large gap at the top of the screen.

This gap is present on all pages within the app and will remain until another text input field is focused and the keyboard shows again.

See screenshot here: http://imgur.com/NtQ4QSl
In the above screenshot I clicked on the "submit registration" button before filling out the form correctly and triggering a validation error "confirm password". This caused the keyboard to hide and resulted in the page gap error as shown.

The error also occurs when the keyboard is dismissed without hitting the "submit registration" button i.e. by using the dismiss keyboard button within the android nav bar.





--
This message was sent by Atlassian JIRA
(v6.2#6252)