From c77be85fc8f70486c1c590a7f8a96ad819f89ec6 Mon Sep 17 00:00:00 2001
From: AramJonghu <aramjonghu@tutamail.com>
Date: Sat, 13 Jun 2026 15:23:50 +0200
Subject: [PATCH] autoscroll to have full streamview

---
 frontend/src/pages/Stream.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/Stream.jsx b/frontend/src/pages/Stream.jsx
index 768ff32..5cd76bc 100644
--- a/frontend/src/pages/Stream.jsx
+++ b/frontend/src/pages/Stream.jsx
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 const streams = [
     { id: "aramstream", label: "Aram" },
@@ -9,6 +9,10 @@ const streams = [
 export default function Stream() {
     const [activeStream, setActiveStream] = useState("aramstream");
 
+    useEffect(() => {
+        window.scrollTo({ top: 0, behavior: "smooth" });
+    }, [activeStream]);
+
     return (
         <div className="text-ctp-text flex flex-col min-h-screen px-4 py-6">
             <div className="w-full text-center flex flex-col flex-1">
@@ -32,7 +36,7 @@ export default function Stream() {
                     ))}
                 </div>
 
-                <div className="stream-frame w-full mx-auto flex-1 max-h-[85vh]">
+                <div className="flex-1 min-h-0">
                     <iframe
                         src={`https://stream.aramjonghu.nl/${activeStream}`}
                         title={activeStream}