From 256f7eb06985b5e40f0246ca516bae3c766ead98 Mon Sep 17 00:00:00 2001 From: Matt Date: Thu, 25 Sep 2025 17:04:26 +0200 Subject: [PATCH] Revert "fix: iOS Safari safe area - remove HTML height constraint and add body position fix" This reverts commit ac7651811c0f85de65de94b50314f2b36b9bacd3. --- apps/website/assets/css/main.css | 7 +++---- apps/website/components/HeroSection.vue | 13 +------------ 2 files changed, 4 insertions(+), 16 deletions(-) diff --git a/apps/website/assets/css/main.css b/apps/website/assets/css/main.css index f8822ff..2505917 100644 --- a/apps/website/assets/css/main.css +++ b/apps/website/assets/css/main.css @@ -21,10 +21,9 @@ html { scroll-behavior: smooth; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; - /* Remove height constraint to allow safe area extension */ - /* height: 100%; -- REMOVED: This prevents safe area extension! */ - min-height: 100vh; - min-height: -webkit-fill-available; + /* Proper iOS viewport handling */ + height: 100%; + height: -webkit-fill-available; /* Allow video to extend horizontally */ max-width: 100vw !important; } diff --git a/apps/website/components/HeroSection.vue b/apps/website/components/HeroSection.vue index 55006f0..45d6af9 100644 --- a/apps/website/components/HeroSection.vue +++ b/apps/website/components/HeroSection.vue @@ -112,18 +112,7 @@ const animateCount = () => { } onMounted(() => { - // FINAL FIX: iOS detection and body positioning for safe area extension - const isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent); - - if (isIOS) { - // iOS Safari requires body to be position:fixed for safe area extension - document.body.style.position = 'fixed'; - document.body.style.width = '100%'; - document.body.style.top = '0'; - document.body.style.left = '0'; - } - - // Inject video with proper positioning + // ULTIMATE FIX: Use inset: 0 and -webkit-fill-available to bypass env() bugs const videoHTML = `