fix: edge case where terminal wouldnt scroll to bottom

Signed-off-by: Evan Song <theevansong@gmail.com>
modrinth · Oct 20, 2024 · 843758d · 843758d
1 parent 83952fc
commit 843758d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/apps/frontend/src/components/ui/servers/PanelTerminal.vue b/apps/frontend/src/components/ui/servers/PanelTerminal.vue
@@ -271,6 +271,12 @@ const scrollToBottom = () => {
   }
 };
 
+const debouncedScrollToBottom = () => {
+  requestAnimationFrame(() => {
+    setTimeout(scrollToBottom, 0);
+  });
+};
+
 const enterFullScreen = () => {
   isFullScreen.value = true;
   document.body.style.overflow = "hidden";
@@ -330,7 +336,7 @@ watch(
     nextTick(() => {
       updateItemHeights();
       if (!userHasScrolled.value || isScrolledToBottom.value) {
-        scrollToBottom();
+        debouncedScrollToBottom();
       }
     });
   },