I'm working on a swiftui app that integrates a webview to embed a monaco editor. All is going well, but there's really weird behavior regarding scrolling and this mystery and inconsistent white space that appears between the editor and the bottom safe area. I'd be happy to get rid of the safe area all together, especially on the bottom and just make the editor the full width and height of the viewport, but there's this really inconsistent white space that I can't get to go away for good. It doesn't show up every time the simulator loads and sometimes it's taller than others, but when I drag in a certain way this white space appears. It's not present initially.

I'm very new to swift and swiftui, having only started working with it a few weeks ago, but I'm familiar with similar frameworks in other domains and have tried everything obvious (using the .frame modifier, a GeometryReader, that backgroundEffect modifier, and so on). I'm not sure if this is made more difficult because it's a webview as maybe that causes some sizing issues on the swiftui side? The whitespace isn't part of the webview, or at least not the viewport.

Is there a way to get rid of the zoom and magnification effects that the webview enables by default? My goal is just to have a very vs-code-ish kind of feeling in this tab, and something that behaves almost desktop-like.

enter image description here

Fluster.IO's user avatar

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.