caleb87 opened a new issue #172:
URL: https://github.com/apache/cordova-plugin-wkwebview-engine/issues/172
# Bug Report
The body is set to red, and a div is set to blue. When the app opens on
iPhone X, the computed body height and div height are both 732px, height 100%
in safari dev tools. The screen is 812 pixels though.
When I rotate the phone to landscape, the entire screen goes blue as it
should. When I rotate it back to portrait, it stays blue.
If I use ionic-webview instead, this doesn't happen. If I set the height to
screen height in pixels, then it also uses the entire screen.
```
...html... with viewport=cover
<style>
html,body {
height: 100%; width: 100%: padding: 0px; margin: 0px;
}
</style>
<body style="background: #f30;">
<div style="height: 100%; width: 100%; background: blue;"></div>
</body>
```
### What is expected to happen?
height should obey the 100%
### What does actually happen?
height is not going to 100%
### Environment, Platform, Device
<!-- In what environment, on what platform or on which device are you
experiencing the issue? -->
iPhone X , iOS 13.6
### Version information
<!--
What are relevant versions you are using?
For example:
Cordova: Cordova CLI, Cordova Platforms, Cordova Plugins
Other Frameworks: Ionic Framework and CLI version
Operating System, Android Studio, Xcode etc.
-->
Cordova CLI 9, Xcode
## Checklist
<!-- Please check the boxes by putting an x in the [ ] like so: [x] -->
- [x] I searched for existing GitHub issues
- [x] I updated all Cordova tooling to most recent version
- [x] I included all the necessary information above
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
