From 2d7b76ff783ca0cbdbf72f6b9cb4d4fae7320a02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Denis=20=C5=A0vara?= <denis.svara@gmail.com>
Date: Tue, 6 Jan 2026 17:14:51 +0100
Subject: [PATCH] Fix bridge viewport safe-area insets.

---
 app/javascript/bridge/helpers/viewport.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/javascript/bridge/helpers/viewport.js b/app/javascript/bridge/helpers/viewport.js
index bf8531204..559143607 100644
--- a/app/javascript/bridge/helpers/viewport.js
+++ b/app/javascript/bridge/helpers/viewport.js
@@ -1,19 +1,24 @@
 let top = 0
+const viewportTarget = window.visualViewport || window
 
 export const viewport = {
   get top() {
     return top
   },
   get height() {
-    return visualViewport.height
+    return viewportTarget.height || window.innerHeight
   }
 }
 
 function update() {
   requestAnimationFrame(() => {
-    top = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--safe-area-inset-top"))
+    const styles = getComputedStyle(document.documentElement)
+    const customInset = styles.getPropertyValue("--custom-safe-inset-top")
+    const fallbackInset = styles.getPropertyValue("--safe-area-inset-top")
+    const insetValue = (customInset || fallbackInset).trim()
+    top = parseInt(insetValue || "0", 10) || 0
   })
 }
 
-visualViewport.addEventListener("resize", update)
+viewportTarget.addEventListener("resize", update)
 update()