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)

Reply via email to