bigor77 opened a new issue #210:
URL: https://github.com/apache/cordova-plugin-statusbar/issues/210
# Bug Report
## Problem
Absolute positioned element in html are not positioned correctly after using
this statusbar plugin
### What is expected to happen?
Div element with class footer should be all the way down stuck to the bottom
of the screen
CSS
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
}
### What does actually happen?
There is a gap of 20px between div element and the bottom of the screen.
Also $(window).height() returns 20px less then expacted. I switched to
window.screen.height since it is $(window).height() + 20
## Information
1. cordova plugin add cordova-plugin-statusbar
2. I added last section viewport-fit=cover in meta tag
```<meta name="viewport" content="user-scalable=no, initial-scale=1,
maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover" />```
3. Status bar is overlapping my app which is a behaviour that I wanted
### Environment, Platform, Device
Platform: ios
Device: iPhone 7 (iOS 14.3)
### Version information
Cordova v10
XCode v12.2
cordova-plugin-statusbar 2.4.3 "StatusBar"
OS: MacOS Catalina 10.15.7
## 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]
