Skip to content

fix(select): prevent trigger class from leaking to dropdown content and items#17576

Open
Momoyu404 wants to merge 5 commits intoanomalyco:devfrom
Momoyu404:fix-dropdown-ui
Open

fix(select): prevent trigger class from leaking to dropdown content and items#17576
Momoyu404 wants to merge 5 commits intoanomalyco:devfrom
Momoyu404:fix-dropdown-ui

Conversation

@Momoyu404
Copy link
Copy Markdown

Issue for this PR

Closes #17545

Type of change

  • Bug fix
  • New feature
  • Refactor / code improvement
  • Documentation

What does this PR do?

The Select component was forwarding class/classList props to three elements: the trigger button, the dropdown content panel, and each item.

In prompt-input.tsx, the agent selector passes class="max-w-[160px]" to keep the trigger compact. This unintentionally capped the popup width at 160px too, clipping long agent names from plugins like GSD.

Fix: only apply classList to Kobalte.Trigger. The content and items don't need it — select.css already handles their sizing.

Changed file: packages/ui/src/components/select.tsx

How did you verify your code works?

Ran the app locally (bun dev in packages/app), opened a session with GSD agents loaded, and confirmed the dropdown now expands to show full agent names without clipping. Checked that settings page selects are unaffected.

Screenshots / recordings

Before:
Screenshot 2026-03-15 at 19 46 14

After:
Screenshot 2026-03-15 at 19 45 56

Checklist

  • I have tested my changes locally
  • I have not included unrelated changes in this PR

@Momoyu404
Copy link
Copy Markdown
Author

Hi! Just wanted to follow up on this PR 😊
Let me know if any changes are needed!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mode selection dropdown partially hidden in OpenCode Desktop when using GSD / Oh My OpenCode

1 participant