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

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

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