matt/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "fix: iOS Safari safe area - remove HTML height constraint and add body position fix"
All checks were successful
build-website / build (push) Successful in 1m40s
Details

Browse Source 
This reverts commit ac7651811c.
This commit is contained in:
Matt
2025-09-25 17:04:26 +02:00
parent ac7651811c
commit 256f7eb069
2 changed files with 4 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/website/assets/css/main.css
View File

@@ -21,10 +21,9 @@ html {
scroll-behavior: smooth; scroll-behavior: smooth;
overscroll-behavior-y: contain; overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
/* Remove height constraint to allow safe area extension */ /* Proper iOS viewport handling */
/* height: 100%; -- REMOVED: This prevents safe area extension! */ height: 100%;
min-height: 100vh; height: -webkit-fill-available;
min-height: -webkit-fill-available;
/* Allow video to extend horizontally */ /* Allow video to extend horizontally */
max-width: 100vw !important; max-width: 100vw !important;
} }

13
apps/website/components/HeroSection.vue
View File

@@ -112,18 +112,7 @@ const animateCount = () => {
} }
onMounted(() => { onMounted(() => {
// FINAL FIX: iOS detection and body positioning for safe area extension // ULTIMATE FIX: Use inset: 0 and -webkit-fill-available to bypass env() bugs
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
const videoHTML = ` const videoHTML = `
<style> <style>
#ios-video-bg { #ios-video-bg {