Capacitor 7 + Android Edge-to-Edge plugin hides system notification icons

Capacitor
1

Hi,

I recently upgraded my project to Capacitor 7 and started using the Android Edge-to-Edge Support plugin.

What works:

  • My app bar no longer collides with the system notification bar area.

  • Content respects safe margins after enabling Edge-to-Edge.

The problem:
When I open the app, the system notification icons (battery, Wi-Fi, etc.) are no longer visible at the top.
Before the upgrade, these icons were always shown above my app’s header. Now it looks like my header background is covering them.

Code in app.component.ts:

EdgeToEdge.enable().catch((e) => {   
console.log('error', e); }); 
console.log('EdgeToEdge enabled', EdgeToEdge.getInsets());
StatusBar.setOverlaysWebView({ overlay: false }); 
StatusBar.setStyle({ style: Style.Light }); 
StatusBar.show();

Expected behavior:

  • Keep Edge-to-Edge margins so UI looks modern.

  • Still show system notification icons clearly on top.

Actual behavior:

  • Notification bar area is occupied, but icons are not visible.

Environment:

  • Ionic 8

  • Angular 19

  • Capacitor 7

  • Android device (various versions tested)

Has anyone faced this with the Edge-to-Edge plugin?
Is there a recommended combination of StatusBar settings to keep system icons visible while still having edge-to-edge UI?