Map incorrectly sizing when StatusBar.overlaysWebView == false
See original GitHub issueI’m submitting a … (check one with “x”) [ ] question [x] any problem or bug report [ ] feature request
The plugin version: (check one with “x”) [ ] 1.4.x [x] 2.0.0-beta3 (multiple maps branch)
If you choose ‘problem or bug report’, please select OS: (check one with “x”) [ ] Android [x] iOS
cordova information: (run $> cordova plugin list
)
com.googlemaps.ios 2.3.0 "Google Maps SDK for iOS"
cordova-plugin-compat 1.1.0 "Compat"
cordova-plugin-console 1.0.7 "Console"
cordova-plugin-device 1.1.6 "Device"
cordova-plugin-dialogs 1.3.3 "Notification"
cordova-plugin-file 4.3.3 "File"
cordova-plugin-file-transfer 1.6.3 "File Transfer"
cordova-plugin-firebase 0.1.23 "Google Firebase Plugin"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-googlemaps 2.0.0-beta3-20170828-2350 "cordova-plugin-googlemaps"
cordova-plugin-network-information 1.3.3 "Network Information"
cordova-plugin-statusbar 2.2.3 "StatusBar"
cordova-plugin-whitelist 1.3.2 "Whitelist"
cordova-plugin-x-socialsharing 5.1.8 "SocialSharing"
cordova-sqlite-storage 2.0.4 "Cordova sqlite storage plugin"
es6-promise-plugin 4.1.0 "Promise"
Current behavior:
When StatusBar.overlaysWebView(false);
is called, the map resizes itself incorrectly. It seemingly moves up 20px or so.
Expected behavior: The map should resize as a normal element would, rather than moving up 20px or so.
Steps to reproduce: Repo that reproduces the issue.
On a blank cordova project, adding a map and using the StatusBar cordova plugin to change the status bar overlay is all that it takes. Please run repo locally to see it in action.
Screen capture or video record:
<div align="center"> </div>Related code, data or error log (please format your code or data): No errors are thrown, and the only code that I use to actually trigger the behavior is
StatusBar.overlaysWebView(false);
Issue Analytics
- State:
- Created 6 years ago
- Comments:9 (5 by maintainers)
Top GitHub Comments
If it helps anyone else who comes across this in the future, I solved my issue by manually applying a 20px top padding to the page and kept the status bar overlapping the webview.
I confirmed the maps plugin does not do anything at all.