You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "ASF GitHub Bot (JIRA)" <ji...@apache.org> on 2017/12/25 21:43:00 UTC
[jira] [Commented] (CB-13273) Webview is sized incorrectly on
iPhone X (Simulator)
[ https://issues.apache.org/jira/browse/CB-13273?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16303400#comment-16303400 ]
ASF GitHub Bot commented on CB-13273:
-------------------------------------
dimitri320 commented on issue #85: CB-13273: fix statusbar spacing with new iphoneX
URL: https://github.com/apache/cordova-plugin-statusbar/pull/85#issuecomment-353892021
Just to clarify my issue. I did all the needed updates and added the needed code to meta in index.html, but I still get white space at the bottom of the header before the content section starts. Please see screenshot.
Here is my meta:
`<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">`
My HTML:
```
<ion-header>
<ion-toolbar color="primary">
<ion-title>Saved</ion-title>
</ion-toolbar>
</ion-header>
```
**My Ionic Info:**
cli packages:
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
global packages:
cordova (Cordova CLI) : 7.1.0
local packages:
@ionic/app-scripts : 3.1.6
Cordova Platforms : ios 4.5.4
Ionic Framework : ionic-angular 3.9.2
System:
ios-deploy : 1.9.2
ios-sim : 5.0.12
Node : v7.10.0
npm : 4.2.0
OS : macOS High Sierra
Xcode : Xcode 9.2 Build version 9C40b
And here is what I get:
<img width="477" alt="screen shot 2017-12-25 at 23 04 36" src="https://user-images.githubusercontent.com/24474432/34343132-348346e8-e9cd-11e7-9000-52266e6c22d8.png">
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
> Webview is sized incorrectly on iPhone X (Simulator)
> ----------------------------------------------------
>
> Key: CB-13273
> URL: https://issues.apache.org/jira/browse/CB-13273
> Project: Apache Cordova
> Issue Type: Bug
> Components: cordova-ios
> Affects Versions: cordova-ios 4.5.0
> Environment: Xcode 9.0 (9A235)
> Simulator 10.0 (SimulatorApp-829.6) - iPhone X
> Reporter: Dave Alden
> Assignee: Shazron Abdullah
> Labels: iPhoneX, ios11
> Attachments: Simulator Screen Shot - iPhone X - 2017-09-14 at 15.52.54.png, Simulator Screen Shot - iPhone X - 2017-09-15 at 09.20.48.png, Simulator Screen Shot - iPhone X - 2017-09-19 at 11.29.00.png, fig1.png, fig2.png, webview-test.zip
>
>
> New app with cordova-ios@4.5.0 (using default UIWebView) running on iPhone X Simulator does not size correctly, leaving black areas above and below the app content and white bars between the black areas and app content.
> Adding cordova-plugin-wkwebview-engine so Cordova uses WKWebView, white bars go away, but the black areas remain:
> !https://cdn.pbrd.co/images/GKeaEPg.png|height=640! !https://cdn.pbrd.co/images/GKeaWwK.png|height=640!
> Setting
> {code:html}viewport-fit=cover{code}
> fixes the white bar issue with UIWebView, as outlined here [http://stephenradford.me/removing-the-white-bars-in-safari-on-iphone-x/], but the black areas remain:
> [^Simulator Screen Shot - iPhone X - 2017-09-14 at 15.52.54.png]
> Attached Cordova project illustrates the issue.
--
This message was sent by Atlassian JIRA
(v6.4.14#64029)
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org