iOS Safe Area not working as expected

Questions
1

I’m publishing the same app on Android and iOS. I managed to make the Safe Area work on Android as one would expect (I even had to ask about it https://forum.defold.com/t/fixed-safe-area-in-android-works-sometimes/82471)

Now I’m publishing on iOS but the Safe Area seems to be… erratic again. On iPad it works perfectly, and the button is close to the top of the screen, as expected. But on an iPhone there’s a huge gap between the button and the top part of the screen, see the image? Between the top button (“Descubrir canarismos ocultos”) and the top of the screen there’s a gap the size of the button (and a bit more). That gap is not there in Android, nor in desktop mode or iPads! I can’t figure out why, so I’m guessing it’s something related to iOS.

image
image1242×2688 176 KB

I’m using the safe area provided by Defold, not the extension. And as I said, it works on Android. Any clue why it wouldn’t work the same way on iOS?

2

This is safe area iOS reports for iPhoneX:

image
image1000×648 41.4 KB

So only Red part used as size of the screen for gui.

3

Yes, I saw that in the documentation. On iPad it works that way!

image
image1920×2560 195 KB

I thought well, the screen is taller, maybe it’s pushing the button down? But it works correctly on Android!

And here’s where I paste the Android screen and… it works as in IOS:

image
image576×1280 82.6 KB

Yeah ok, it’s iPAD the one that works in a different way, SORRY. Would be nice to know why, tho :smiley: