[
https://issues.apache.org/jira/browse/CB-12811?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Ashraf Yussouff updated CB-12811:
---------------------------------
Attachment: Screen Shot 2017-05-12 at 7.55.54 PM.png
HTML page with header and footer when loaded into InAppBrowser window
> 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: [email protected]
> Reporter: Ashraf Yussouff
> Attachments: Screen Shot 2017-05-12 at 7.55.54 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.
--
This message was sent by Atlassian JIRA
(v6.3.15#6346)
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
