From 1b6f701694f39f9acd3ad83ae418ed20e2cabb77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=91=D0=B0=D1=82=D1=83=D0=B5=D0=B2=20=D0=98=D0=BB=D1=8C?=
 =?UTF-8?q?=D1=8F=20=D0=9E=D0=BB=D0=B5=D0=B3=D0=BE=D0=B2=D0=B8=D1=87?=
 <batuev.io18@physics.msu.ru>
Date: Fri, 4 Sep 2026 17:14:25 +0300
Subject: [PATCH] Fix mini-app iframe height in Android WebView

---
 src/views/apps/ApplicationFrame.vue | 30 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/views/apps/ApplicationFrame.vue b/src/views/apps/ApplicationFrame.vue
index 0f3c3a9..9c70572 100644
--- a/src/views/apps/ApplicationFrame.vue
+++ b/src/views/apps/ApplicationFrame.vue
@@ -192,29 +192,16 @@ onMounted(async () => {
 		appState.value = AppState.Error;
 	}
 });
-
-function addIframeStyles() {
-	const iframeDoc = ref();
-	const style = iframeDoc.value.createElement('style');
-	style.textContent = `
-        main, .container, #app > div {
-            min-height: 100vh;
-        }
-    `;
-	iframeDoc.value.head.appendChild(style);
-}
 </script>
 
 <template>
-	<v-main>
+	<v-main class="application-frame">
 		<iframe
 			v-if="appState == AppState.Show && url"
-			ref="iframe"
 			:src="url.toString()"
 			frameborder="0"
 			class="iframe"
 			allow="camera; clipboard-write"
-			@load="addIframeStyles()"
 		/>
 		<FullscreenLoader v-else-if="appState == AppState.WaitLoad" />
 		<!-- Раскомментить, если появятся приложения от сторонних разработчиков -->
@@ -239,9 +226,20 @@ function addIframeStyles() {
 </template>
 
 <style scoped>
-v-main,
+.application-frame {
+	box-sizing: border-box;
+	height: 100vh;
+	min-height: 0;
+}
+
+@supports (height: 100dvh) {
+	.application-frame {
+		height: 100dvh;
+	}
+}
+
 .iframe {
-	flex: 1;
+	display: block;
 	width: 100%;
 	height: 100%;
 }