[Bug]: Safe Area no longer works on Android

[rtarling]

Capacitor Version

Capacitor Doctor

Latest Dependencies:

@capacitor/cli: 7.0.1
@capacitor/core: 7.0.1
@capacitor/android: 7.0.1
@capacitor/ios: 7.0.1

Installed Dependencies:

@capacitor/core: 7.0.1
@capacitor/cli: 7.0.1
@capacitor/android: 7.0.1
@capacitor/ios: 7.0.1

[success] Android looking great! 👌
[error] Xcode is not installed

Other API Details

Platforms Affected

• iOS
• Android
• Web

Current Behavior

Since upgrading, safe area on android is not being preserved, with the contents of my header appearing where the notch is.

Expected Behavior

Content should start appearing below the notch.

Project Reproduction

Additional Information

No response

[maxnowack]

I've got the same issue.
I've tried to get a workaround with capacitor-plugin-safe-area, but it doesn't get any valid values and logs
WindowInsets is not available

[rtarling]

Luckily that plugin seems to have worked for me - I put the code in App.vue, but to be honest I'd rather not use it. If it was working fine before, something must have got broken in the latest release, and I'd prefer it to be fixed there.

In case you don't have the same, this needs to be in the index.html
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

[nikqig]

Refer to these threads: 7804 & 30090

[AntoscencoVladimir]

Same issue