You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Sameer Ahmed Khan (JIRA)" <ji...@apache.org> on 2014/05/26 12:21:01 UTC

[jira] [Updated] (CB-6754) Keyboard Shrink View doesn't bring fixed header as virtual keyboard comes up. Also when the input field is positioned fixed at bottom and tapped, it brings a gap between soft keyboard and itself.

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

Sameer Ahmed Khan updated CB-6754:
----------------------------------

    Summary: Keyboard Shrink View doesn't bring fixed header as virtual keyboard comes up. Also when the input field is positioned fixed at bottom and tapped, it brings a gap between soft keyboard and itself.  (was: Keyboard Shrinks View doesn't bring fixed header as virtual keyboard comes up. Also when the input field is positioned fixed at bottom and tapped, it brings a gap between soft keyboard and itself.)

> Keyboard Shrink View doesn't bring fixed header as virtual keyboard comes up. Also when the input field is positioned fixed at bottom and tapped, it brings a gap between soft keyboard and itself.
> ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
>
>                 Key: CB-6754
>                 URL: https://issues.apache.org/jira/browse/CB-6754
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: iOS, Plugin Keyboard
>            Reporter: Sameer Ahmed Khan
>            Priority: Blocker
>              Labels: Cordova, Keyboard, iOS7
>
> There are two major problems from iOS7 with cordova keyboard plugin.
> First Problem (With Fixed Headers):
> As I set "Keyboard.shrinkView(true)" to make the fixed positioned header and footer available when the virtual keyboard showed up and stayed on the screen as user scrolled (as it happens on Android), but nothing as such happened. 
> I also tried various combinations of meta tags for viewport but that didn't help either. So I had to follow a hack and made the "fixed" positioned headers "absolute" when user tapped on input text fields.
>  
> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
> Second Problem:
> (With Input text field fixed at bottom)
> This is a major problem. When the input field is fixed at bottom and user taps on it. The virtual keyboard shows up, however there is a gap between keyboard and input text field. It really looks ugly. 
> The length of gap changes when you tap on input field either from the bottom of page or somewhere amid the page. 



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