Post

The new iPhone Duo (at time of filming) doesn't seem to have any support for viewport-fit=cover, preventing anything from appearing below the vertical bar. Please let this be a bug, and not yet another set of APIs we need to adhere. env(), safe-inset, viewport-fit=cover should just work.

18/9/26, 7:22 pm1 repost7 likes

Wes Souza

@wes.dev

18 Sept

BREAKING NEWS: There are two new feature flags that are disabled by default: Device Posture API and Viewport Segments API. Developing...

Wes Souza

@wes.dev

18 Sept

developer.mozilla.org/en-US/docs/W... developer.mozilla.org/en-US/docs/W... Unfortunately unrelated to the safe area issue.

Bramus

@bram.us

20 Sept

Demo: bsky.app/profile/bram...

Bramus@bram.us

Device Posture API on the iPhone Duo: check! 🎉 Live demo: serene-limit-trout.codepen.app

Wes Souza

@wes.dev

18 Sept

Here's a gist for the test pages I vibe-coded

gist.github.comSafe-area edge testSafe-area edge test. GitHub Gist: instantly share code, notes, and snippets.

Bramus

@bram.us

20 Sept

This is unrelated to the iPhone Duo. Safari stopped respecting viewport-fit=cover on iOS in portrait mode with version 26 …

Wes Souza

@wes.dev

20 Sept

It still supports it in landscape mode on any version. It doesn’t support it in portrait, but at least it still lets part of some websites to render below the floating navigation controls if there’s nothing fixed at the bottom.