ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix auto-scroll in SurahStream.tsx (mobile / iOS)

Browse source
This commit is contained in:
0x1eef 2023-12-04 00:01:08 -03:00
parent f970cd9895
commit 7d2bdf8a6b
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/js/components/Stream.tsx
View file

@ -51,8 +51,9 @@ export function Stream({
useEffect(() => {
const ul: HTMLElement = document.querySelector("ul.stream")!;
ul.scroll({ top: ul.scrollHeight, behavior: "smooth" });
}, [stream]);
const top = ul.scrollHeight;
ul.scrollBy({ behavior: "smooth", top });
}, [stream.length]);
return (
<ul lang={locale} className={className} style={style}>