I'm developing an iOS app that uses a WKWebView
to render a PWA basically. Since updating to the iOS 26 developer preview featuring the new Liquid Glass interface, I’ve noticed a subtle blur at the top of the screen that bleeds into the webpage content.
The affected area appears to originate from the system UI. Possibly the status bar or window background and creates an undesirable visual overlap with the web content.
Has anyone else encountered this behavior in iOS 26? Is there a known workaround to prevent this blur effect from impacting the WKWebView
display? I’d appreciate any tips or suggestions.
As of iOS 26, UIScrollView
has four new properties for setting edge effects, one for each edge. In your case, try setting the web view's scroll view's topEdgeEffect
to be hidden.
myWebView.scrollView.topEdgeEffect.isHidden = true
But having said that, iOS 26 also urges apps to avoid nav bars or toolbars with any background color. One of the goals in iOS 26 is to make more content visible. By default, nav bars and toolbars in iOS 26 are clear. You just see the UIBarButtonItem
s that you add.
If you eliminate the blue background on your nav bar then that shading you see will look a lot better (and you will not want to hide the topEdgeEffect
as described above).