I’m having this same issue.
If we add viewport-fit=cover the status bar looks right, but then we get this white space gap above any scroll lists.
It only shows up when coming back to a page - i.e. on our home page it doesnt show at first. Then navigate to one of the app pages, tap back, now there’s a white space below the header above the content.
We have a couple of pages where there is a fixed content header portion with a scroll list underneath. This white space padding gets added to the top of the list as well.
I tried switching to WKWebView, but that is causing all our our REST API calls to break among other issues.
Without viewport-fit=cover: (note the status bar white on white)
With viewport-fit=cover on home page load, before navigating to any content:
After navigating, the white space shows up below the header:
I’ve updated to the latest status bar plugin too, doesn’t seem to make a difference.
Another weird issue is that the Safari web inspector doesn’t seem to work either, so I can’t even see if its some sort of CSS causing this.
The web inspector shows the body element to be empty, and the reload doesn’t seem to reload the content properly, so I’m stuck and don’t know how to dig for more info…