cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Ashraf Yussouff (JIRA)" <j...@apache.org>
Subject [jira] [Updated] (CB-12811) Plugin Inappbrowser on iOS - When keyboard appears, fixed divs are fixed to HTML page but not viewport
Date Tue, 16 May 2017 03:36:04 GMT

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

Ashraf Yussouff updated CB-12811:
---------------------------------
    Attachment: index.html

> Plugin Inappbrowser on iOS - When keyboard appears, fixed divs are fixed to HTML page
but not viewport
> ------------------------------------------------------------------------------------------------------
>
>                 Key: CB-12811
>                 URL: https://issues.apache.org/jira/browse/CB-12811
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: cordova-plugin-inappbrowser
>    Affects Versions: cordova@7.0.0
>            Reporter: Ashraf Yussouff
>         Attachments: index.html, index.html, Screen Shot 2017-05-12 at 7.55.54 PM.png,
Screen Shot 2017-05-12 at 7.56.21 PM.png, Screen Shot 2017-05-12 at 7.56.36 PM.png
>
>
> I am displaying an HTML form in the InAppBrowser. The page has a header fixed to the
top and a footer fixed to the bottom using CSS (e.g. {position: fixed; top: 0px;}).
> When simply scrolling the page, the header and footer remain in place while the rest
of the page moves. 
> However, when an input receives focus and the iOS keyboard appears, the header and footer
positions are only fixed with respect to the HTML page at the time the input received focus,
but they are no longer fixed with respect to the viewport. As a result, if the page is scrolled
up and down while the keyboard is open, the header and footer start moving along with the
page.
> This behavior is not observed in the Safari mobile browser on the same device. On Safari,
the header and footer remain in place while the rest of the page is scrollable when an input
is clicked and the iOS keyboard appears below the browser.
> I will try to attach images if JIRA allows it after the issue has been created.
> NOTE: iOS is the only platform that I am working with, so I don't know if this issue
occurs in other platforms as well. I am using plugin version 1.7.0 and the Cordova versions
I have seen this with are 6.4.0 and above.



--
This message was sent by Atlassian JIRA
(v6.3.15#6346)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


Mime
View raw message