fix(frontend): Scrolling Issue in Safari for Top and Bottom Bars

fix #10977

Author: syuilo

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 {

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;