secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

useRef initial state

Browse Source
This commit is contained in:
James Barnsley
2024-01-03 21:34:33 +13:00
parent 35e1eb2966
commit 6f6ad998b0
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/js/views/Modals/KioskMode.js
View File

@ -17,15 +17,15 @@ const LyricsScroller = ({
content = '',
percent = 0,
}) => {
const containerRef = useRef({});
const contentRef = useRef({});
const containerRef = useRef(null);
const contentRef = useRef(null);
const [autoScroll, setAutoScroll] = useState(true);
const onWheel = () => setAutoScroll(false);
useEffect(() => {
if (autoScroll) {
const scrollable = contentRef.current?.scrollHeight - containerRef.current.clientHeight;
containerRef.current.scrollTo(0, percent * scrollable)
const height = (contentRef.current?.scrollHeight - containerRef.current?.clientHeight) || 0;
containerRef.current.scrollTo(0, percent * height)
}
}, [percent]);