White space appears below status bar on iPad PWA mode

[miguelsolorio]

When you add VS Code to the home screen (similar to PWA) you get this nice full-screen mode that removes the top Safari chrome. However there are two issues that come up:

1. Login sessions are not persisted and you have to re-login
2. After logging in there is a white gap at the bottom

[miguelsolorio]

@bpasero would this fall under your area?

[alexdima]

I think the login session (1.) is not under our control, but the gap at the bottom might very well be from us.

[bpasero]

//cc @rebornix

[isidorn]

Assigning to May to investigate then. Also assigning to @rebornix
Somewhat similar issue regarding whitespace #121206

[rebornix]

it's this fancy code ;(

vscode/src/vs/base/browser/dom.ts

Lines 352 to 357 in 6101771

	browser.isStandalone
	// in PWA mode, the visual viewport always includes the safe-area-inset-bottom (which is for the home indicator)
	// even when you are using the onscreen monitor, the visual viewport will include the area between system statusbar and the onscreen keyboard
	// plus the area between onscreen keyboard and the bottom bezel, which is 20px on iOS.
	? (20 + 4) // + 4px for body margin
	: 0

[isidorn]

@rebornix thanks a lot for the pointer, I will look into this in debt week

[isidorn]

Just removing that extra code solves the issue. @rebornix thanks again for the pointer
Now the status bar might overlap with the ipad home indicator, which I think is actually a great experience most of the time.