You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by GitBox <gi...@apache.org> on 2020/06/24 12:15:50 UTC
[GitHub] [cordova-ios] LAP0109 opened a new issue #919: White bar at the bottom when using iPhone X
LAP0109 opened a new issue #919:
URL: https://github.com/apache/cordova-ios/issues/919
# Bug Report
## Problem
### What is expected to happen?
The whole screen should be used from iPhone X. No bar at the bottom.
### What does actually happen?
A white bar appears at the bottom.
## Information
<!-- Include all relevant information that might help understand and reproduce the problem -->
I followed everything from this SO answer https://stackoverflow.com/a/46232813
Interestingly, the config appears to be fine, when I rotate the screen and then rotate it back, the white bar is gone.
### Command or Code
<!-- What command or code is needed to reproduce the problem? -->
### Environment, Platform, Device
<!-- In what environment, on what platform or on which device are you experiencing the issue? -->
iPhone X (iOS 13.5.1)
### 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 v9
Cordova-ios 6.1.0
Xcode 11.5
macOS 10.15.5
## 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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] LAP0109 commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
LAP0109 commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-649270048
@zmalter99 I am sorry, but that didn't do the trick.
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] zmalter99 edited a comment on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
zmalter99 edited a comment on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-650035700
I simulated your app on an iPhone 11 and also saw the white bar at the bottom of the screen. I fixed it by adding the following to your CSS file:
`.app { height: 100vh; }`
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] LAP0109 commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
LAP0109 commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-650022311
[test.app.zip](https://github.com/apache/cordova-ios/files/4835573/test.app.zip)
@jcesarmobile there you go. For clarification, it is a node project with vue as js framework (not that it really matters what the content is). You should be able to get it going by running "npm install" and then "cordova prepare". Tested the behaviour with iPhone 11 simulator
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] LAP0109 commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
LAP0109 commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-648785580
Similar to this SO post, but he used an older cordova-ios version: https://stackoverflow.com/questions/47467176/cordova-iphone-x-launch-image-initially-shows-white-area-at-bottom
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] jcesarmobile commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
jcesarmobile commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-650041386
Thanks zmalter99, that’s what I thought.
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] zmalter99 commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
zmalter99 commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-648992273
I had this same issue as you and spent many long hours troubleshooting. After comparing my project the the Hello World project created by running: `cordova create hello com.example.hello HelloWorld` I figured out that I needed to set a height of `100vh` to my HTML element like so:
`html {
height: 100vh;
}`
And assuming you added the correct meta viewport tag, it seems to be working now.
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] jcesarmobile commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
jcesarmobile commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-649577042
can you provide a sample app?
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] zmalter99 commented on issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
zmalter99 commented on issue #919:
URL: https://github.com/apache/cordova-ios/issues/919#issuecomment-650035700
I simulated your app on an iPhone 11 and also saw the white bar at the bottom of the screen. I fixed it by adding the following to your CSS file.
`.app { height: 100vh; }`
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org
[GitHub] [cordova-ios] jcesarmobile closed issue #919: White bar at the bottom when using iPhone X
Posted by GitBox <gi...@apache.org>.
jcesarmobile closed issue #919:
URL: https://github.com/apache/cordova-ios/issues/919
----------------------------------------------------------------
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:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org