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

fix(frontend): fix side panel X button click falling through to PDF toolbar
Some checks failed
CI / Unit & Component Tests (push) Successful in 2m24s
Details
CI / Backend Unit Tests (push) Successful in 2m14s
Details
CI / Unit & Component Tests (pull_request) Successful in 2m20s
Details
CI / Backend Unit Tests (pull_request) Successful in 2m12s
Details
CI / E2E Tests (push) Failing after 29m14s
Details
CI / E2E Tests (pull_request) Failing after 29m37s
Details

Browse Source 
pointer-events-none and pointer-events-auto were both present as static
and conditional Tailwind classes simultaneously. CSS specificity meant
pointer-events-none always won, so clicks passed through to the
annotation toggle button behind the panel. Now pointer-events-none is
only applied when the panel is hidden (translated off-screen).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-25 07:33:59 +01:00
parent f71712ab4b
commit dd360ade8b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/components/AnnotationSidePanel.svelte
View File

@@ -26,9 +26,9 @@ const visible = $derived(activeAnnotationId !== null);
</script>
<div
class="pointer-events-none absolute inset-y-0 right-0 z-10 flex w-80 flex-col border-l border-brand-sand bg-white shadow-[-4px_0_16px_rgba(0,0,0,0.08)] transition-transform duration-200 {visible
? 'pointer-events-auto translate-x-0'
: 'translate-x-full'}"
class="absolute inset-y-0 right-0 z-10 flex w-80 flex-col border-l border-brand-sand bg-white shadow-[-4px_0_16px_rgba(0,0,0,0.08)] transition-transform duration-200 {visible
? 'translate-x-0'
: 'pointer-events-none translate-x-full'}"
data-testid="annotation-side-panel"
>
<!-- Header -->