matt eaf31dc56d feat: implement Vue 3 Teleport to bypass DOM containment for iOS video extension ...

- Used <Teleport to='body'> to render video at root DOM level
- Bypassed layout container constraints (min-h-screen, flex-grow)
- Added ClientOnly wrapper for SSR compatibility
- Video now positioned directly at body level with fixed positioning
- Added iOS-specific styles to extend video into safe area
- Supports 100vh, 100dvh, and 100lvh for maximum compatibility
- White background fallback if video fails to load
- Object-position: center top for better notch coverage

This solution attempts to extend the video into the iOS safe area by
rendering it outside of all parent container constraints.

2025-09-21 16:48:00 +02:00

..

website

feat: implement Vue 3 Teleport to bypass DOM containment for iOS video extension

2025-09-21 16:48:00 +02:00