Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-07-26 13:47:03 +02:00
Code Issues Projects Releases Wiki Activity

Listen on timeline ref instead of window (#18006)

Browse Source
This commit is contained in:
Josh Hawkins 2025-05-02 18:35:55 -05:00 committed by GitHub
parent 1a383c47b5
commit 5c3ac75c31
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/hooks/use-timeline-zoom.ts
View File

@ -159,16 +159,30 @@ export function useTimelineZoom({
);
useEffect(() => {
window.addEventListener("wheel", handleWheel, { passive: false });
window.addEventListener("touchstart", handleTouchStart, { passive: false });
window.addEventListener("touchmove", handleTouchMove, { passive: false });
const timelineElement = timelineRef.current;
if (timelineElement) {
timelineElement.addEventListener("wheel", handleWheel, {
passive: false,
});
timelineElement.addEventListener("touchstart", handleTouchStart, {
passive: false,
});
timelineElement.addEventListener("touchmove", handleTouchMove, {
passive: false,
});
}
return () => {
window.removeEventListener("wheel", handleWheel);
window.removeEventListener("touchstart", handleTouchStart);
window.removeEventListener("touchmove", handleTouchMove);
if (timelineElement) {
timelineElement.removeEventListener("wheel", handleWheel);
timelineElement.removeEventListener("touchstart", handleTouchStart);
timelineElement.removeEventListener("touchmove", handleTouchMove);
}
};
}, [handleWheel, handleTouchStart, handleTouchMove]);
// we know that these deps are correct
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [handleWheel, handleTouchStart, handleTouchMove, timelineRef.current]);
return { zoomLevel, handleZoom, isZooming, zoomDirection };
}