WebView sits under the notch

Such a simple piece of code:

import SwiftUI
import WebKit

struct ContentView: View {
    var body: some View {
        WebView(url: URL(string: "https://www.apple.com"))
    }
}

When I run this, the web content shows under the top notch’s safe area, and buttons inside that region aren’t tappable. I tried a bunch of things and the only “fix” that seems to work is .padding(.top, 1), but that leaves a noticeable white strip in non-portrait orientations.

What’s the proper way to solve this? Safari handles the safe area correctly and doesn’t render content there.

WebView sits under the notch
 
 
Q