Return-Path: X-Original-To: apmail-cordova-issues-archive@minotaur.apache.org Delivered-To: apmail-cordova-issues-archive@minotaur.apache.org Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by minotaur.apache.org (Postfix) with SMTP id 5934010EE8 for ; Fri, 28 Mar 2014 16:00:21 +0000 (UTC) Received: (qmail 6144 invoked by uid 500); 28 Mar 2014 16:00:21 -0000 Delivered-To: apmail-cordova-issues-archive@cordova.apache.org Received: (qmail 5995 invoked by uid 500); 28 Mar 2014 16:00:19 -0000 Mailing-List: contact issues-help@cordova.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@cordova.apache.org Delivered-To: mailing list issues@cordova.apache.org Received: (qmail 5779 invoked by uid 99); 28 Mar 2014 16:00:17 -0000 Received: from arcas.apache.org (HELO arcas.apache.org) (140.211.11.28) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 28 Mar 2014 16:00:15 +0000 Date: Fri, 28 Mar 2014 16:00:15 +0000 (UTC) From: "Jonathan Yong (JIRA)" To: issues@cordova.apache.org Message-ID: In-Reply-To: References: Subject: [jira] [Updated] (CB-6375) When keyboard is dismissed. Page has a large gap at top of screen MIME-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 7bit X-JIRA-FingerPrint: 30527f35849b9dde25b450d4833f0394 [ 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)