From f33c35c1056d3bfdf2b88c1ff14563ba818f7abd Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 19 Jul 2026 16:51:48 +0300
Subject: [PATCH] Fix iPhone keyboard covering form inputs inside modal

---
 app/components/elements/Dialog.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/elements/Dialog.module.css b/app/components/elements/Dialog.module.css
index 7a609fbad..e362e7fb8 100644
--- a/app/components/elements/Dialog.module.css
+++ b/app/components/elements/Dialog.module.css
@@ -34,7 +34,7 @@
 .modal {
 	width: 100%;
 	max-width: 28rem;
-	max-height: 80dvh;
+	max-height: min(80dvh, calc(var(--visual-viewport-height, 100dvh) - 10rem));
 	overflow-x: hidden;
 	overflow-y: auto;
 	border-radius: 1rem;
@@ -54,7 +54,7 @@
 }
 
 :global(html[data-fuse="true"]) .modal {
-	max-height: 72dvh;
+	max-height: min(72dvh, calc(var(--visual-viewport-height, 100dvh) - 10rem));
 }
 
 .fullScreenModal {