env(safe-area not working with android 15 (Samsung One UI 7) cordova

[franfrLor]

In my cordova application that I created with quasar, I use this css style:

      ```padding-top: env(safe-area-inset-top, 0px);
      padding-bottom: env(safe-area-inset-bottom, 0px);
      padding-left: env(safe-area-inset-left, 0px);
      padding-right: env(safe-area-inset-right, 0px);
      box-sizing: border-box;```

My app overflows into the bars at the top and bottom of the phone and is no longer usable. With Android 15, this no longer works.

I also tried adding this CSS style to no avail:

padding-top: env(safe-area-inset-top)
padding-bottom: constant(safe-area-inset-bottom)
padding-bottom: env(safe-area-inset-bottom)```

[modevelops]

@franfrLor I have a similar problem. Did you find a solution in the meantime?

[skikrumb-ryan]

I believe we are having the same issue. Regular q-headers and footers don't seem to be honoring the safe areas anymore. Will investigate further to make sure we don't have a rogue override.

[modevelops]

I am using Capacitor and solved the problem by upgrading from Capacitor 6 to 7 and installing https://capawesome.io/plugins/android-edge-to-edge-support/ and https://capacitorjs.com/docs/apis/status-bar