iOS

Clearing Storage

• Settings > Safari > Clear History and Website Data
• Doesn't seem to work reliably on Simulator. May need to do Device > Erase All Content and Settings…

Home Screen Webapp Blurry Top Bar

Saved to the home screen on the iOS 27 beta, a translucent blur covers the top of the navbar, smearing the top of the page. Observed on the iOS 27 beta only. Whether iOS 26 is affected is unknown and untested.

The system's Liquid Glass scroll edge effect — a variable blur drawn over the top strip of scrolling content. When a navbar is statically positioned, it scrolls and gets smeared.

Per WebKit write-ups, Safari renders a solid tint there instead when it can sample an opaque sticky/fixed element at the top edge. So one fix is to make a top bar sticky.

Tailwind fix: sticky top-0 z-100 (or some kind of z-index)

Mac

Clearing Storage

Safari > Clear History…

Location Settings

NOTE: on 2/11/2021 I was unable to get Safari 14.0.2 in Big Sur to prompt for location.

Preferences > Websites > Location