From e6bccddc2fa54f9ed5e3d09d9619005ddadd1fdd Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sat, 30 May 2026 19:22:41 +0800
Subject: [PATCH] fix(grid): prevent where filter field overlap

---
 apps/desktop/src/components/grid/DataGrid.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/desktop/src/components/grid/DataGrid.vue b/apps/desktop/src/components/grid/DataGrid.vue
index d494d251e..6351a3fff 100644
--- a/apps/desktop/src/components/grid/DataGrid.vue
+++ b/apps/desktop/src/components/grid/DataGrid.vue
@@ -4269,7 +4269,9 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
                                 (value: any) => updateStructuredFilterRule(rule.id, { columnName: String(value) })
                               "
                             >
-                              <SelectTrigger class="h-8 min-w-0 text-xs">
+                              <SelectTrigger
+                                class="h-8 w-full min-w-0 overflow-hidden text-xs [&_[data-slot=select-value]]:min-w-0 [&_[data-slot=select-value]]:truncate"
+                              >
                                 <SelectValue :placeholder="t('grid.filterBuilderColumn')" />
                               </SelectTrigger>
                               <SelectContent position="popper">
@@ -4289,7 +4291,9 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
                                 (value: any) => updateStructuredFilterRule(rule.id, { mode: value as FilterMode })
                               "
                             >
-                              <SelectTrigger class="h-8 min-w-0 text-xs">
+                              <SelectTrigger
+                                class="h-8 w-full min-w-0 overflow-hidden text-xs [&_[data-slot=select-value]]:min-w-0 [&_[data-slot=select-value]]:truncate"
+                              >
                                 <SelectValue />
                               </SelectTrigger>
                               <SelectContent position="popper">
@@ -4315,9 +4319,9 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
                             />
                             <div
                               v-else
-                              class="flex h-8 items-center rounded-md border border-dashed px-2 text-xs text-muted-foreground"
+                              class="flex h-8 min-w-0 items-center overflow-hidden rounded-md border border-dashed px-2 text-xs text-muted-foreground"
                             >
-                              {{ t("grid.filterBuilderNoValue") }}
+                              <span class="truncate">{{ t("grid.filterBuilderNoValue") }}</span>
                             </div>
 
                             <Button