matt 5e7ac5fbf6 fix: Safari workaround for env() returning 0 in portrait mode ...

- Add hardcoded fallbacks using max() function per Apple's recommendation
- Support both constant() and env() for legacy compatibility
- Use 59px fallback for Dynamic Island devices
- Add iOS-specific detection with @supports(-webkit-touch-callout)
- Create improved test page with device detection
- Update hero-content padding with same fallback approach

This works around the known Safari bug where env(safe-area-inset-top)
returns 0px in portrait mode. The video will now extend 59px above the
viewport on Dynamic Island iPhones, ensuring it covers the notch area.

2025-09-21 18:29:20 +02:00

..

website

fix: Safari workaround for env() returning 0 in portrait mode

2025-09-21 18:29:20 +02:00