NC
HomeGuidesMechanics

Changelog entry

Safari/iOS hardening sweep for shell surfaces (V5UI.W5.0B, Issue #789)

2026-04-24

  • Added Next.js viewport metadata with `viewportFit: "cover"` so iOS safe-area insets apply correctly to sticky controls, including the War Room CTA.
  • Added Safari-compatible blur hardening via shared `.safari-blur-surface` with both `-webkit-backdrop-filter` and standard `backdrop-filter`, plus a no-backdrop fallback background.
  • Added Safari 14-class flex-gap fallback rules via `@supports not (gap: 1rem)` and applied them to mobile shell rows (`mobile-nav-strip`, header right controls).
  • Added iOS bounce-scroll bleed guard styles (`background-color` anchoring + touch-callout scoped overscroll containment) to prevent background exposure on rubber-band scroll.
  • Added contract coverage in `tests/web/safariIosHardeningContract.test.ts`.