administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-08 20:25:26 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

rebase

Browse Source
This commit is contained in:
Josh Hawkins 2024-03-03 12:37:17 -06:00
parent b50ad87d34
commit 93b6d11292
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/hooks/use-handle-dragging.ts
View File

@ -1,4 +1,5 @@
import { useCallback, useEffect } from "react"; import { useCallback, useEffect } from "react";
import scrollIntoView from "scroll-into-view-if-needed";
import { isMobile } from "react-device-detect"; import { isMobile } from "react-device-detect";
type DragHandlerProps = { type DragHandlerProps = {
@ -80,6 +81,10 @@ function useDraggableHandler({
minute: "2-digit", minute: "2-digit",
...(segmentDuration < 60 && { second: "2-digit" }), ...(segmentDuration < 60 && { second: "2-digit" }),
}); });
scrollIntoView(thumb, {
behavior: "smooth",
block: "center",
});
} }
}); });
if (setHandlebarTime) { if (setHandlebarTime) {
@ -181,11 +186,6 @@ function useDraggableHandler({
scrolled; scrolled;
updateHandlebarPosition(newHandlePosition - segmentHeight, handlebarTime); updateHandlebarPosition(newHandlePosition - segmentHeight, handlebarTime);
scrollTimeRef.current.scrollIntoView({
behavior: "smooth",
block: "center",
});
} }
// we know that these deps are correct // we know that these deps are correct
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps