administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-06-21 11:51:53 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix camera list scrolling in state classification wizard on mobile

Browse Source
This commit is contained in:
Josh Hawkins 2026-05-31 13:11:52 -05:00
parent 1237e03058
commit c97737d520
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/classification/wizard/Step2StateArea.tsx
View File

@ -51,6 +51,7 @@ export default function Step2StateArea({
const [imageLoaded, setImageLoaded] = useState(false); const [imageLoaded, setImageLoaded] = useState(false);
const containerRef = useRef<HTMLDivElement>(null); const containerRef = useRef<HTMLDivElement>(null);
const popoverContainerRef = useRef<HTMLDivElement>(null);
const imageRef = useRef<HTMLImageElement>(null); const imageRef = useRef<HTMLImageElement>(null);
const stageRef = useRef<Konva.Stage>(null); const stageRef = useRef<Konva.Stage>(null);
const rectRef = useRef<Konva.Rect>(null); const rectRef = useRef<Konva.Rect>(null);
@ -224,7 +225,7 @@ export default function Step2StateArea({
const canContinue = cameraAreas.length > 0; const canContinue = cameraAreas.length > 0;
return ( return (
<div className="flex flex-col gap-4"> <div ref={popoverContainerRef} className="flex flex-col gap-4">
<div <div
className={cn( className={cn(
"flex gap-4 overflow-hidden", "flex gap-4 overflow-hidden",
@ -255,6 +256,7 @@ export default function Step2StateArea({
className="scrollbar-container w-64 border bg-background p-3 shadow-lg" className="scrollbar-container w-64 border bg-background p-3 shadow-lg"
align="start" align="start"
sideOffset={5} sideOffset={5}
container={popoverContainerRef.current}
onOpenAutoFocus={(e) => e.preventDefault()} onOpenAutoFocus={(e) => e.preventDefault()}
> >
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">