ronoales's profile
Rodrigo Noales@ronoales•Sep 30, 2025
360
Post cover image

iOS 26.0 | Be prepared for viewport changes in Safari

From stripearmy.medium.com•Sep 30, 2025•2m read time

iOS 26.0 introduces new Safari tab modes with "Liquid Glass" design that breaks existing modal implementations with transparent backgrounds. The update changes viewport height (VH) unit behavior and window.outerHeight calculations. Solutions include setting backgrounds on html/body elements, using transparent black overlays for dimming, and wrapping content in blur containers. Different tab modes (Compact, Bottom, Top) now have varying window.innerHeight values, with Top mode providing the largest usable screen space at 768px.

Sort:

ronoales's user avatar
Rodrigo Noales
@ronoales
Joined Mar 3. 2022
360

Front-End Developer | UI Engineer | CSS and architecture Expert | Music Composer for Films & Games

Would you recommend this post?

Copy link
WhatsApp
Facebook
X
New Squad
  • © 2026 Daily Dev Ltd.
  • Guidelines
  • Explore
  • Tags
  • Sources
  • Squads
  • Leaderboard