Open rayelward opened 1 year ago
rayelward
commented
1 year ago I have a work around / fix at: https://github.com/Konverse-Inc/cordova-plugin-statusbar, you can set up a PR and merge in from there if it meets the requirements, in the mean time we'll need to use that branch for iPhone 14 Pro clients.
jcesarmobile
commented
1 year ago can you provide a sample app? I can't reproduce
rayelward
commented
1 year ago @jcesarmobile you just need a 14 pro device to have it reproduce. This is very easy to reproduce on any app that uses the plugin with that hardware device (not the simulator). You can see the proper calculation done for the frame with the dynamic island in the fork that I shared above.
jcesarmobile
commented
1 year ago I tried and I can't reproduce in my sample app, that's why I'm asking for your sample app. I don't have a real iPhone 14, but tested on the simulator and the height seems correct.
FanningHau
commented
10 months ago Same issue here
Bug Report
Problem
iPhone 14 pro has a new status bar with the floating island. Instead of the safe inset being 47 points like with the notch based iPhones, it is now 59 points. See this detailed blog post about the new safe are with the dynamic island: [https://useyourloaf.com/blog/iphone-14-screen-sizes/]
The code just measures the height of the status bar and not the safe zone.
What is expected to happen?
on iOS the webview should be below the safe area inset.
What does actually happen?
the webview is above the safe area inset and it causes all types of issues depending on the UI because touch events on the safe area are sent to the whole html page.
Information
Just use the plugin with StatusBar.overlaysWebView(false); on a iPhone 14 pro
Command or Code
having the overlay be false and on an iPhone 14 pro.
Environment, Platform, Device
iOS, iphone 14 pro, xCode 14.
Version information
cordova cli v 11.0.0 cordova iOS v6.2.0 cordova-plugin-statusbar v4.0.0-dev
Checklist