You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Kristoffer Hepler (JIRA)" <ji...@apache.org> on 2014/05/13 03:48:16 UTC
[jira] [Commented] (CB-4323) IOS 7, target iphone, install on ipad,
window height and width are of ipad, not the iphone
[ https://issues.apache.org/jira/browse/CB-4323?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13995933#comment-13995933 ]
Kristoffer Hepler commented on CB-4323:
---------------------------------------
The device-height and device-width meta attributes are not an issue when a project targets both iPad and iPhone devices (aka "Universal" apps). Removing them did cause content in my application to sometimes reside outside the screen with no way to scroll to it.
The problem is that the <html> element eventually grew larger than the WebView, i.e. on 4in iPhone iOS 7 devices the WebView is 1136 pixels tall while the <html> element grew to more than 1656 pixels tall, and so the bottom 520 pixels resided offscreen. I need the <html> element fixed to the exact size of the screen for layout. I don't see how I could compute the screen dimensions without device-height and device-width and still support all the varied Android resolutions.
I suspect my specific issue is related to having a scrolling <div> nested inside a <div> with style="overflow: hidden", but neither overflow nor scrolling attributes are applied on the <body> or <html> elements. I would expect the WebView to scroll given that the <html> and <body> elements are larger than the WebView. I'm at a loss to explain this behavior.
I had removed the device-height as per the upgrade recommendations. Because the scrolling issue was not immediately apparent, I spent quite a lot of time tracking down the cause. Perhaps the recommendation to remove the meta attributes should at least be conditional on targeting only iPhone devices, as it works fine for universal apps?
> IOS 7, target iphone, install on ipad, window height and width are of ipad, not the iphone
> ------------------------------------------------------------------------------------------
>
> Key: CB-4323
> URL: https://issues.apache.org/jira/browse/CB-4323
> Project: Apache Cordova
> Issue Type: Bug
> Components: iOS
> Affects Versions: 2.7.0, 2.8.0, 3.0.0
> Environment: ios7 ipad, app must only target iphone, not ipad
> Reporter: Tom Wilson
> Assignee: Shazron Abdullah
> Priority: Critical
> Labels: ios7
> Fix For: 3.1.0
>
>
> IOS 7, target iphone, install on ipad, window height and width are of ipad, not the iphone.
> See screen shot, the window height and width are 1080x768 and they should be the iphone size. This causes the window to overlap the iphone container screen.
> This is only present in ios7, ios6 works fine.
> Screenshot...
> http://i.imgur.com/zIJNetJ.png
> See window height and width calculations from $("body").height() and $("body").width()
--
This message was sent by Atlassian JIRA
(v6.2#6252)