From dd360ade8b2a024d54b2f593f2a91360cd67969b Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Wed, 25 Mar 2026 07:33:59 +0100
Subject: [PATCH] fix(frontend): fix side panel X button click falling through
 to PDF toolbar

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>
---
 frontend/src/lib/components/AnnotationSidePanel.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/AnnotationSidePanel.svelte b/frontend/src/lib/components/AnnotationSidePanel.svelte
index 0a337662..0b264414 100644
--- a/frontend/src/lib/components/AnnotationSidePanel.svelte
+++ b/frontend/src/lib/components/AnnotationSidePanel.svelte
@@ -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 -->