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)