From 781225aa6856c346889933554ad9a0d71127e87d Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Sun, 14 Dec 2025 22:46:36 +0100
Subject: [PATCH] fix(shared-ui): add backdrop to ContextMenu to block clicks
 behind
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The context menu was not properly blocking clicks on elements behind it
(like the calendar grid). Added a transparent backdrop overlay that
captures all clicks outside the menu and closes it properly.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/context-menu/ContextMenu.svelte       | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/packages/shared-ui/src/context-menu/ContextMenu.svelte b/packages/shared-ui/src/context-menu/ContextMenu.svelte
index 0e0354eb4..0f7db0995 100644
--- a/packages/shared-ui/src/context-menu/ContextMenu.svelte
+++ b/packages/shared-ui/src/context-menu/ContextMenu.svelte
@@ -85,6 +85,17 @@
 </script>
 
 {#if visible}
+	<!-- Backdrop to block clicks on elements behind -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="context-menu-backdrop"
+		onclick={onClose}
+		oncontextmenu={(e) => {
+			e.preventDefault();
+			onClose();
+		}}
+	></div>
+
 	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 	<div
 		bind:this={menuElement}
@@ -132,6 +143,14 @@
 {/if}
 
 <style>
+	.context-menu-backdrop {
+		position: fixed;
+		inset: 0;
+		z-index: 9998;
+		/* Transparent backdrop - just blocks clicks */
+		background: transparent;
+	}
+
 	.context-menu {
 		position: fixed;
 		z-index: 9999;