cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Jonathan Yong (JIRA)" <j...@apache.org>
Subject [jira] [Updated] (CB-6375) When keyboard is dismissed. Page has a large gap at top of screen
Date Fri, 28 Mar 2014 16:00:15 GMT

     [ https://issues.apache.org/jira/browse/CB-6375?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]

Jonathan Yong updated CB-6375:
------------------------------

    Description: 
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 intermittently
cause a page rendering error such that 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.



  was:
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.




> 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
intermittently cause a page rendering error such that 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)

Mime
View raw message