Fullscreen: Device elements overlap ionic header

[boengli]

I'm not sure, maybe this issue could be related to the implementation of "AndroidX SplashScreen Core Library: 1.0.0-rc01":

https://github.com/apache/cordova-plugin-statusbar/issues/234

---

Since updating to cordova-android 11.0.0 I have the problem, that device elements overlap ion-header.

Before the update, it extended the header and made space.

Config.xml:

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="Fullscreen" value="true" />

So far, I found out, that it works, after window.location.replace('/home'); but that's not really a solution. Looks like '--ion-safe-area-top' is only set after a reload. StatusBarOverlaysWebView: true/false makes no difference.

[breautek]

Are you using CSS safe area insights? This could be a duplicate issue of https://github.com/apache/cordova-android/issues/1465

[boengli]

It probably is duplicated/similar to: #1465 The funny part is, that the safe area is set after window.location.replace('/pageXY');

[boengli]

I experimented a bit and added the following to my code: var style = getComputedStyle(document.body); alert(style.getPropertyValue('--ion-safe-area-top'));

On the first start of the app it is : 0px

after window.location.replace('/pageXY'); the output is 43px

So the calculation is there somewhere... just not at the right place.

[breautek]

Duplicate: #1465