administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-01-22 20:18:30 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

detail stream scrolling fixes for HA/iOS

Browse Source
This commit is contained in:
Josh Hawkins 2025-12-30 15:30:48 -06:00
parent d253b402a4
commit 1eaeb42749
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/timeline/DetailStream.tsx
View File

@ -25,10 +25,12 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { Switch } from "@/components/ui/switch"; import { Switch } from "@/components/ui/switch";
import { useUserPersistence } from "@/hooks/use-user-persistence"; import { useUserPersistence } from "@/hooks/use-user-persistence";
import { isDesktop } from "react-device-detect"; import { isDesktop, isIOS, isMobile } from "react-device-detect";
import { resolveZoneName } from "@/hooks/use-zone-friendly-name"; import { resolveZoneName } from "@/hooks/use-zone-friendly-name";
import { PiSlidersHorizontalBold } from "react-icons/pi"; import { PiSlidersHorizontalBold } from "react-icons/pi";
import { MdAutoAwesome } from "react-icons/md"; import { MdAutoAwesome } from "react-icons/md";
import { isPWA } from "@/utils/isPWA";
import { isInIframe } from "@/utils/isIFrame";
type DetailStreamProps = { type DetailStreamProps = {
reviewItems?: ReviewSegment[]; reviewItems?: ReviewSegment[];
@ -113,7 +115,7 @@ export default function DetailStream({
setProgrammaticScroll(); setProgrammaticScroll();
scrollIntoView(element, { scrollIntoView(element, {
scrollMode: "if-needed", scrollMode: "if-needed",
behavior: "smooth", behavior: isMobile && isIOS && !isPWA && isInIframe ? "auto" : "smooth",
}); });
} }
}, [activeReviewId, setProgrammaticScroll, userInteracting, isPlaying]); }, [activeReviewId, setProgrammaticScroll, userInteracting, isPlaying]);
@ -163,7 +165,8 @@ export default function DetailStream({
setProgrammaticScroll(); setProgrammaticScroll();
scrollIntoView(element, { scrollIntoView(element, {
scrollMode: "if-needed", scrollMode: "if-needed",
behavior: "smooth", behavior:
isMobile && isIOS && !isPWA && isInIframe ? "auto" : "smooth",
}); });
} }
} }