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} /> -