Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 10:42:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: SideDrawer glitched element movement.

Browse source 
Even when using `onTransitionEnd`, the `scrollIntoView` problem persists.
The solution that i found is to use `requestAnimationFrame` two times,
turns out that's enough time after the component mounts to fix the problem.
This commit is contained in:
Abdalrzag Eisa 2025-06-14 23:18:08 +03:00
parent a0d3a50122
commit 5f106f49d3
No known key found for this signature in database
GPG key ID: 4CD5A78B36195BC8
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/Player/SideDrawer/SideDrawer.tsx
View file

@ -80,9 +80,13 @@ const SideDrawer = memo(forwardRef<HTMLDivElement, Props>(({ seriesInfo, classNa
const jumpToPlayingNow = () => {
const { current } = selectedVideoRef;
if (current) {
current.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
if (!current) return;
requestAnimationFrame(() => {
requestAnimationFrame(() => {
current.scrollIntoView({ behavior: 'smooth', block: 'center' });
});
});
};
return (