From a8cc51dc774bb945faa79924651e893fd5148a0d Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Mon, 8 Sep 2025 20:32:19 +0900
Subject: fix(frontend): Safari 26でモバイルUIが崩れる問題に対するhotfix
 (#16528)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/global/RouterView.vue | 7 +++++++
 1 file changed, 7 insertions(+)

(limited to 'packages/frontend/src/components/global/RouterView.vue')

diff --git a/packages/frontend/src/components/global/RouterView.vue b/packages/frontend/src/components/global/RouterView.vue
index d42beb531d..57997cb21f 100644
--- a/packages/frontend/src/components/global/RouterView.vue
+++ b/packages/frontend/src/components/global/RouterView.vue
@@ -65,5 +65,12 @@ router.useListener('change', ({ resolved }) => {
 .root {
 	height: 100%;
 	background-color: var(--MI_THEME-bg);
+
+	/**
+	 * FIXME: Safari 26 で contain: layout を指定するとバグるので、hotfixとして _pageContainer の content: strict を上書き
+	 * https://github.com/misskey-dev/misskey/issues/16204#issuecomment-3265404776
+	 * https://bugs.webkit.org/show_bug.cgi?id=297186
+	 */
+	contain: size style paint !important;
 }
 </style>
-- 
cgit v1.2.3-freya

