From 62857d44c2e72a8567162c7c81b8efaa572eb3c8 Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Tue, 18 Feb 2025 01:17:43 +0400
Subject: [PATCH] Making sure checkbox input is clickable without following the
 link

---
 src/components/ui/menu/MenuCheckboxItem.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/menu/MenuCheckboxItem.svelte b/src/components/ui/menu/MenuCheckboxItem.svelte
index 3bae07b..9591e8a 100644
--- a/src/components/ui/menu/MenuCheckboxItem.svelte
+++ b/src/components/ui/menu/MenuCheckboxItem.svelte
@@ -22,10 +22,15 @@
     onclick,
     oninput,
   }: MenuCheckboxItemProps = $props();
+
+  function stopPropagationAndPassCallback(originalEvent: MouseEvent) {
+    originalEvent.stopPropagation();
+    onclick?.(originalEvent as MouseEvent & { currentTarget: HTMLInputElement });
+  }
 </script>
 
 <MenuLink {href}>
-  <input bind:checked={checked} {name} {onclick} {oninput} type="checkbox" {value}>
+  <input bind:checked={checked} {name} onclick={stopPropagationAndPassCallback} {oninput} type="checkbox" {value}>
   {@render children?.()}
 </MenuLink>