[
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:
[email protected]
> 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 [email protected] (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: [email protected]
For additional commands, e-mail: [email protected]
![https://user-images.githubusercontent.com/24474432/34343132-348346e8-e9cd-11e7-9000-52266e6c22d8.png"](https://user-images.githubusercontent.com/24474432/34343132-348346e8-e9cd-11e7-9000-52266e6c22d8.png"){kind=link}
