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 98cf4f5234
commit 454faac829
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(() => { useEffect(() => {
const ul: HTMLElement = document.querySelector("ul.stream")!; const ul: HTMLElement = document.querySelector("ul.stream")!;
ul.scroll({ top: ul.scrollHeight, behavior: "smooth" }); const top = ul.scrollHeight;
}, [stream]); ul.scrollBy({ behavior: "smooth", top });
}, [stream.length]);
return ( return (
<ul lang={locale} className={className} style={style}> <ul lang={locale} className={className} style={style}>