Quasar: ios 14 & cordova: q-header doesnt respect notch safe-areas

[perelin]

Describe the bug

When building for iOS with Cordova the q-header element doesnt respect the notch spacing (as it should according to https://quasar.dev/quasar-cli/developing-cordova-apps/troubleshooting-and-tips#Status-bar-and-notch-safe-areas)

iPhone 11 / iOS 14.0.1
@quasar/cli v1.1.2
@quasar/app v2.1.1
Cordova 10.0.0

Since Apple started rejecting Apps build with UIWebView, I use the Cordova built-in WKWebView capabilities as described in https://cordova.apache.org/howto/2020/07/18/uiwebview-warning.html
(Ionic Webview Plugin breaks Firebase Auth and is therefore not an option)

Codepen/jsFiddle/Codesandbox (required)

Code is based on the demo project. HTML currently looks like this

To Reproduce

Build the demo Project for iOS with the lib configuration described above.

Expected behavior

q-header adds some spacing on ios to avoid being placed directly under the notch

[rstoenescu]

Hi,

This has worked flawlessly for lots of previous iOS versions. Looking forward to investigate and see what Apple has changed now :)

[perelin]

Can I somehow support the effort?

[perelin]

Hold the horses: I just build the vanilla Quasar Demo Project and checked it on device and it looks fine. So there must be some issue in my code. I´ll try to nail this down further and get back to you. For now we can close this I think.

[perelin]

Ok, it seems these classes are missing in my app. Even though the code and configuration is pretty much the same as in the Demo App as far as I can tell. Any idea where I can look next?

[perelin]

I fixed it by creating a vanilla demo project and copying over my code and config file by file. Now it runs and everything looks fine. Very strange. Maybe some old experiment / configuration that I have not cleaned up was causing the issue.

[rstoenescu]

Glad to see everything's working again for you.

[rstoenescu]

And thanks for reporting back on the progress so we don't lose time doing a wild goose chace :)