From d41f887766f3f998e7bb5b1bc98d6d5ea2bef870 Mon Sep 17 00:00:00 2001
From: Botzy <botzy@goodmorning.dev>
Date: Tue, 12 May 2026 14:08:11 +0300
Subject: [PATCH] fix: scroll to top of videos list on season change

---
 src/routes/MetaDetails/VideosList/VideosList.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/MetaDetails/VideosList/VideosList.js b/src/routes/MetaDetails/VideosList/VideosList.js
index b751a625d..d310e7653 100644
--- a/src/routes/MetaDetails/VideosList/VideosList.js
+++ b/src/routes/MetaDetails/VideosList/VideosList.js
@@ -71,11 +71,19 @@ const VideosList = ({ className, metaItem, libraryItem, season, seasonOnSelect,
         return videosForSeason.every((video) => video.watched);
     }, [videosForSeason]);
 
+    const videosContainerRef = React.useRef(null);
+
     const [search, setSearch] = React.useState('');
     const searchInputOnChange = React.useCallback((event) => {
         setSearch(event.currentTarget.value);
     }, []);
 
+    React.useEffect(() => {
+        if (videosContainerRef.current) {
+            videosContainerRef.current.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    }, [selectedSeason]);
+
     const onMarkVideoAsWatched = (video, watched) => {
         core.transport.dispatch({
             action: 'MetaDetails',
@@ -154,7 +162,7 @@ const VideosList = ({ className, metaItem, libraryItem, season, seasonOnSelect,
                                 value={search}
                                 onChange={searchInputOnChange}
                             />
-                            <div className={styles['videos-container']}>
+                            <div ref={videosContainerRef} className={styles['videos-container']}>
                                 {
                                     videosForSeason
                                         .filter((video) => {