Device notch adds a screen scroll

1

Devices which have a notch at the top of the screen causes my app to add a small scroll parameter of about 40px; (same size as Toolbox > Common > “Header”)

i.e. No notch = no need to scroll, has a notch = app has a small amount of scroll.

This happens on all project forms even if it is an empty screen.

Is there a fix for this?

I build my apps with Voltbuilder.

2

This seems to work for iOS (I haven’t tested it on Android).

@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
    }
}