Skip to content

Commit c769a57

Browse files
committed
fix(webapp): set min-width for task filter dropdown when text is truncated
Changed the SelectPopover min-width from 0 to 360px to ensure the dropdown always has adequate space for displaying task names with middle truncation. This prevents the dropdown from becoming too narrow when long task names are present. Slack thread: https://triggerdotdev.slack.com/archives/C032WA2S43F/p1769451219774789?thread_ts=1769436524.157219&cid=C032WA2S43F https://claude.ai/code/session_01KrFXrmK7jz9sWTcS8pMtXL
1 parent cded00c commit c769a57

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

apps/webapp/app/components/runs/v3/RunFilters.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -635,7 +635,7 @@ function TasksDropdown({
635635
<SelectProvider value={values("tasks")} setValue={handleChange} virtualFocus={true}>
636636
{trigger}
637637
<SelectPopover
638-
className="min-w-0 max-w-[min(360px,var(--popover-available-width))]"
638+
className="min-w-[360px] max-w-[min(360px,var(--popover-available-width))]"
639639
hideOnEscape={() => {
640640
if (onClose) {
641641
onClose();

0 commit comments

Comments
 (0)