From 6032c2be1c357335359fe7823680bf99af2cee21 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 9 Jun 2023 12:51:16 +0900
Subject: [PATCH] fix(frontend): Scrolling Issue in Safari for Top and Bottom
 Bars

fix #10977
---
 packages/frontend/src/ui/deck.vue      | 21 +++++++++++++++++++++
 packages/frontend/src/ui/universal.vue | 21 +++++++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/packages/frontend/src/ui/deck.vue b/packages/frontend/src/ui/deck.vue
index c828731773..1b0f7ae9d4 100644
--- a/packages/frontend/src/ui/deck.vue
+++ b/packages/frontend/src/ui/deck.vue
@@ -254,6 +254,27 @@ async function deleteProfile() {
 }
 </script>
 
+<style>
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: clip;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+#misskey_app {
+  width: 100%;
+  height: 100%;
+  overflow: clip;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+</style>
+
 <style lang="scss" module>
 .transition_menuDrawerBg_enterActive,
 .transition_menuDrawerBg_leaveActive {
diff --git a/packages/frontend/src/ui/universal.vue b/packages/frontend/src/ui/universal.vue
index c0da59a57d..4f13040451 100644
--- a/packages/frontend/src/ui/universal.vue
+++ b/packages/frontend/src/ui/universal.vue
@@ -215,6 +215,27 @@ watch($$(navFooter), () => {
 });
 </script>
 
+<style>
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: clip;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+#misskey_app {
+  width: 100%;
+  height: 100%;
+  overflow: clip;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+</style>
+
 <style lang="scss" module>
 $ui-font-size: 1em; // TODO: どこかに集約したい
 $widgets-hide-threshold: 1090px;