marcel/familienarchiv
1
0
Fork 0
Code Issues 111 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(frontend): use closest() to skip pointer capture on annotation children

Browse Source 
When a child element inside an annotation div (e.g. the delete button)
was clicked, the AnnotationLayer's pointerdown handler would call
setPointerCapture, preventing the child's click event from firing.
Using closest('[data-annotation]') instead of checking dataset.annotation
on the target directly fixes delete buttons inside annotation elements.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-24 08:26:26 +01:00
parent ea1c097ae0
commit 06e846f2f8
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/lib/components/AnnotationLayer.svelte
View File

@@ -46,8 +46,7 @@ function getNormalizedCoords(event: PointerEvent, element: HTMLElement): { x: nu
function handlePointerDown(event: PointerEvent) { function handlePointerDown(event: PointerEvent) {
if (!canAnnotate) return; if (!canAnnotate) return;
const target = event.target as HTMLElement; if ((event.target as HTMLElement).closest('[data-annotation]')) return;
if (target.dataset.annotation !== undefined) return;
const container = event.currentTarget as HTMLElement; const container = event.currentTarget as HTMLElement;
container.setPointerCapture(event.pointerId); container.setPointerCapture(event.pointerId);