Comments (13)
I eventually solved this by uninstalling the WKWebView engine and using cordova-plugin-ionic-webview instead.
from cordova-plugin-statusbar.
Also experiencing this. The viewport is leaving a statusbar-height-sized gap at the bottom of the screen. When I scroll content, it doesn't scroll within this bottom gap.
If I uninstall cordova-plugin-wkwebview-engine, then this bottom gap is removed and the viewport extends all the way to the bottom of the screen, as expected.
from cordova-plugin-statusbar.
I'm having the same exact problem, i.e., switched from UIWebView to WKWebView. See screenshot below.
It seems that the status bar elements are white, even though the cordova preference is set to lightcontent
, i.e., elements should be dark. I tried other styles too, but it doesn't make a difference. And in Safari Inspector, window.StatusBar
does nothing to change anything.
Is anyone looking at this issue, or is there a resolution?
from cordova-plugin-statusbar.
I have never personally worked on this plugin and other maintainers seem to be a bit overloaded. I would highly recommend you consider reaching out on Slack or on the mailing list, follow the links in the footer of cordova.io or cordova.apache.org.
from cordova-plugin-statusbar.
I figured out it's caused by Dark Mode on iOS 13. It's related to this issue:
#148
The temporary resolution is to set plist key UIUserInterfaceStyle to Light.
from cordova-plugin-statusbar.
Any news there?
I tried to specify the key UIUserInterfaceStyle as "light", but it doesn't work...
from cordova-plugin-statusbar.
Please take a look at this #148 (comment)
Working workaround.
from cordova-plugin-statusbar.
Also experiencing this.
Requirements check results for ios:
Apple macOS: installed darwin
Xcode: installed 11.3.1
ios-deploy: installed 1.10.0
CocoaPods: installed 1.9.0
from cordova-plugin-statusbar.
Anyone successfully set preferences on iOS 13.x with WKWebView yet?
<preference name="StatusBarBackgroundColor" value="#000000" /> <preference name="StatusBarStyle" value="blackopaque" />
from cordova-plugin-statusbar.
Also experiencing this.
The status text is hidden but this grey bar is showing.
It's happening in iPhone 6,7,8,9,10,11 simulators and iPhone 6 device.
It wasn't showing when I was using UIWebView but now that WKWebView is required we have to use it for iOS.
Update: Looks like this was an InappBrowser plugin issue. Fixed that by adding this commit dpa99c/cordova-plugin-inappbrowser-popup-bridge@fb6c0cd
from cordova-plugin-statusbar.
gap at the bottom
I have found the following workaround for this issue
https://stackoverflow.com/a/49122361/4208571
This worked for me
from cordova-plugin-statusbar.
There are at least 3 different issues here, probably because the original reported one is not very clear.
For the statusbar text being always white, the problem is iOS 13 sets the "default" color based on the device mode. That's already fixed in master, default will always be black #169.
There is another PR to make default have the default behavior and instead use a new darkContent #181, so if you want that behavior, comment on #164, because last time I asked people wanted default to be black and not change based on the device mode.
For the gap on the bottom, thats a WKWebView "feature", to fix it you have to use viewport-fit cover and 100vh as height instead of 100%. see apache/cordova-plugin-wkwebview-engine#107
other one was a InAppBrowser bug.
The original bug is "not working on WKWebView", and I can't reproduce that, so I'm closing the issue.
from cordova-plugin-statusbar.
Hello, any solution for this?
from cordova-plugin-statusbar.
Related Issues (20)
- Absolute position element are not positioned correctly HOT 1
- Failed to fetch plugin cordova-plugin-statusbar@cordova-plugin-statusbar via registry. HOT 4
- Add success and error callbacks for the `overlaysWebView` method
- StyleDefault will set light text instead of dark. HOT 3
- Xcode 12 and iOS 9.0 various deprecation
- 2.4.3 BROKEN - Replacement Release Desperately Needed HOT 5
- iOS - HTML video player full screen causes web view overlay issues HOT 2
- Empty space below the status bar on devices without notch and iOS 15.4 HOT 5
- Webview doesn't take full height after hide
- Device elements overlap ionic header HOT 6
- On android 12, statusbar styleDefault method not work as expected
- iPhone 14 Pro floating island status bar height incorrect HOT 5
- Status bar background color overridden on Android 13 HOT 2
- backgroundColorByHexString does not work? HOT 2
- Plugin not working on Android 13 with cordova [email protected] HOT 10
- change statusBar background color and icon color for only one screen(Page) for iOS and android HOT 1
- Android top and bottom content overlapped by status bar after upgrade from 2.4.3 to 3.0.0 HOT 9
- StatusBar not changing Color on Android 13 HOT 7
- StatusBar still there, stopped to work HOT 1
- Playing video on iOS and shifting from landscape to portrait messes up status bar HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cordova-plugin-statusbar.