iOS Safari Safe-Area Fix
ios-safari-safe-area
A Claude skill that stops web-page content from bleeding behind the iOS Safari status bar when scrolling.
Fixes iOS Safari (including iOS 26 “Liquid Glass”) status-bar and safe-area bleed on scrolling web pages — the bug where page content shows through the translucent status bar behind the clock and battery, or a white bar appears behind Safari’s toolbar. The root cause: iOS Safari composites the scrolling document’s pixels behind the translucent status bar, and position:fixed elements do not count, so no opaque fixed header can cover it. The fix is an app-shell — lock the document (html, body { height: 100dvh; overflow: hidden }) and scroll an inner container instead, so the top strip stays a solid background color. Ships copy-pasteable Next.js App Router code.