Hi, I’d like to add safe area padding for edge to edge android phones, right now it looks like this. [phone_2] Please notice the white, barely visible status bar on top and gesture navigation crossing the main buttons. If I add in mainActivity.java the system padding by detecting the insets publ…

I’ve just published the Android Edge-to-Edge Support plugin, which applies an insert to the web view to restore the previous look. Feel free to give it a try. You just need to install it, and your done: npm i @capawesome/capacitor-android-edge-to-edge-support Optionally, you can also change the ba…

I fixed it myself just for the edge to edge phones, if anyone is interested I can post the fix

Hello, I have same problem… can you post the solution? thank you.

Hi Asko-Dev, I’m also facing issues with edge-to-edge layouts in my Ionic app. Could you please share your fix? It would be really helpful for handling safe area padding properly. Thank you

hey guys yep sorry for the delay… so this is a fix that’s based on the safe area plugin but I wanted more flexibility so … Step 1 this is the code you put to android/app/src/main/java…/MainActivity.java, if you only had the default few lines there up until now, you can just copy paste completely (…

@robingenz Mate, I’ve created and signed into this account just to thank you for the plugin. This is simple and perfect. I found it hard to find solutions online for this, perhaps because it’s a reasonably new issue people are having. For the sake of information but also SEO and keywords, if peop…

Oh that’s exactly what I needed! Thanks Robin! :slight_smile:

Exactly what I needed as well. This worked perfectly!

Hi, @robingenz , ho to fix this on IOS simulator & Device, as somehow app is getting behind the Bottom HomeBar button Or Safer area (Top Dynamic Island) in IOS Device. Some suggestions will be helpful. Any Idea?

Edge to edge Android

Ionic Framework

mustafa0x January 30, 2025, 11:43am 7

fix: GitHub - capacitor-community/safe-area: Capacitor Plugin that exposes the safe area insets from the native iOS/Android device to your web project.

Topic		Replies	Views
Reliable Edge-to-Edge in Ionic 8 and Capacitor 7 Capacitor	10	2701	October 21, 2026
Android keyboard + edge-to-edge issue: gray area after keyboard hide and inconsistent resize (Capacitor 8) Capacitor	7	781	April 10, 2026
I am lost between the different plugins to avoid overlay with the system bar (edge to edge) Capacitor	3	975	October 4, 2025
Android Edge to Edge and Keyboard for Capacitor 8 Capacitor	3	917	December 23, 2025
adjustMarginsForEdgeToEdge: 'force' and colors of status and navigation bar Capacitor	1	1087	July 16, 2025

Edge to edge Android

Related topics