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

Question

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: constant(safe-area-inset-top)
  padding-top: env(safe-area-inset-top)
  padding-bottom: constant(safe-area-inset-bottom)
  padding-bottom: env(safe-area-inset-bottom)

user9877215 · Accepted Answer · 2025-07-18 15:53:34Z

0

Same for me, quasar is not adding the styles with safe insets, fixed it temporarily by just adding the iPhone inset utility class to the body, until a proper fix is out.

answered Jul 18 at 15:53

user9877215

1

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related