iOS Home Indicator

[claudiobosticco]

Hello, I noticed that isc.Canvas.defaultPageSpace is available, but it currently seems unused (it appears to always be zero).
I was wondering if a similar property for the bottom of the page could be useful, to avoid overlapping with the Home Indicator.

[Isomorphic]

We don't have an attribute to do this at the bottom of the page, but a simple way to do it is to use a top-level VLayout component and just set a CSS margin or layoutEndMargin.

Then of course, you'll have to figure out what to put into the space that iOS forces apps to waste.

[claudiobosticco]

We don't have an attribute to do this at the bottom of the page, but a simple way to do it is to use a top-level VLayout component and just set a CSS margin or layoutEndMargin.

yes, but I was asking because I see that defaultPageSpace does something different, as it will also restrict the space used by a maximized Window

Then of course, you'll have to figure out what to put into the space that iOS forces apps to waste.

yep, a waste of screen real estate!

[Isomorphic]

Yes, that is true, defaultPageSpace is a bit easier to apply than a top-level layout, since if you want to maximize a top-level widget, you have to place it within that layout.

We'll consider adding further support for iOS waste-of-space problems.

[alicent23]

You could propose a feature request or consider implementing a custom solution by adding padding or margin to the bottom of the canvas dynamically.

if (window.safeAreaInsets) {
    isc.Canvas.setProperties({ bottomMargin: window.safeAreaInsets.bottom });
} else {
    isc.Canvas.setProperties({ bottomMargin: 20 }); // Fallback if safeAreaInsets isn't available
}

Block Blast