From 3751f64f73cd70eaddd44cb650dd38949f0ca069 Mon Sep 17 00:00:00 2001
From: "web@ppanel" <web@ppanel.dev>
Date: Mon, 29 Dec 2025 06:18:56 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20fix:=20Replace=20tag=20removal=20ic?=
 =?UTF-8?q?on=20with=20a=20button=20for=20better=20accessibility=20and=20e?=
 =?UTF-8?q?vent=20handling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/src/composed/tag-input.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/composed/tag-input.tsx b/packages/ui/src/composed/tag-input.tsx
index 9ab9385..46d9454 100644
--- a/packages/ui/src/composed/tag-input.tsx
+++ b/packages/ui/src/composed/tag-input.tsx
@@ -128,13 +128,18 @@ export function TagInput({
             variant="outline"
           >
             {tag}
-            <X
-              className="size-4 cursor-pointer rounded-sm hover:text-destructive"
+            <button
+              className="ml-1 inline-flex items-center justify-center"
               onClick={(e) => {
+                e.preventDefault();
                 e.stopPropagation();
                 handleRemoveTag(index);
               }}
-            />
+              onMouseDown={(e) => e.preventDefault()}
+              type="button"
+            >
+              <X className="size-4 cursor-pointer rounded-sm hover:text-destructive" />
+            </button>
           </Badge>
         ))}
         <div className="flex min-w-0 flex-1 items-center gap-2">