From d27f023e163a61f9c43878171ca487a815e71eb9 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Thu, 8 Jan 2026 19:14:59 +0100
Subject: [PATCH] refactor BaseFilterBadge to use DropdownMenuTrigger directly
 and avoid class merging conflicts

---
 .../Common/Project/BaseFilterBadge.vue           | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/resources/js/Components/Common/Project/BaseFilterBadge.vue b/resources/js/Components/Common/Project/BaseFilterBadge.vue
index 91b2c607..71ad5038 100644
--- a/resources/js/Components/Common/Project/BaseFilterBadge.vue
+++ b/resources/js/Components/Common/Project/BaseFilterBadge.vue
@@ -26,15 +26,13 @@ defineSlots<{
     <div
         class="inline-flex items-center gap-0.5 rounded-md bg-tertiary dark:bg-secondary border border-border-secondary">
         <DropdownMenu>
-            <DropdownMenuTrigger as-child>
-                <button
-                    class="inline-flex items-center gap-1.5 px-2 py-1 text-sm hover:bg-quaternary dark:hover:bg-tertiary rounded-l-md transition-colors">
-                    <component :is="icon" class="h-3.5 w-3.5 text-icon-default" />
-                    <span class="font-medium text-foreground">{{ filterName }}</span>
-                    <span class="text-muted-foreground">is</span>
-                    <span class="text-foreground">{{ label }}</span>
-                    <ChevronDownIcon class="h-3 w-3 text-muted-foreground" />
-                </button>
+            <DropdownMenuTrigger
+                class="inline-flex items-center gap-1.5 px-2 py-1 text-sm hover:bg-quaternary dark:hover:bg-tertiary rounded-l-md transition-colors whitespace-nowrap">
+                <component :is="icon" class="h-3.5 w-3.5 text-icon-default" />
+                <span class="font-medium text-foreground">{{ filterName }}</span>
+                <span class="text-muted-foreground">is</span>
+                <span class="text-foreground">{{ label }}</span>
+                <ChevronDownIcon class="h-3 w-3 text-muted-foreground" />
             </DropdownMenuTrigger>
             <DropdownMenuContent align="start">
                 <slot />