From a498c5bb92b026c7e96592f27a69e41b99ea5f57 Mon Sep 17 00:00:00 2001
From: Jannik Stehle <j.stehle@opencloud.eu>
Date: Wed, 6 Aug 2025 13:38:00 +0200
Subject: [PATCH] fix: dynamic viewport height on mobile devices

---
 packages/web-runtime/src/App.vue                 | 4 ++--
 packages/web-runtime/src/layouts/Application.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web-runtime/src/App.vue b/packages/web-runtime/src/App.vue
index d3d7820567..11807b3d9d 100644
--- a/packages/web-runtime/src/App.vue
+++ b/packages/web-runtime/src/App.vue
@@ -141,8 +141,8 @@ body {
 
 #web {
   background-color: var(--oc-role-chrome);
-  height: 100vh;
-  max-height: 100vh;
+  height: 100dvh;
+  max-height: 100dvh;
   overflow-y: hidden;
 
   .mark-highlight {
diff --git a/packages/web-runtime/src/layouts/Application.vue b/packages/web-runtime/src/layouts/Application.vue
index 4818d9f755..d7d13a4805 100644
--- a/packages/web-runtime/src/layouts/Application.vue
+++ b/packages/web-runtime/src/layouts/Application.vue
@@ -199,7 +199,7 @@ onBeforeUnmount(() => {
   display: flex;
   flex-flow: column;
   flex-wrap: nowrap;
-  height: 100vh;
+  height: 100dvh;
 
   #global-progress-bar {
     z-index: 10;