Skip to content

🔨 Redesign FilledDropdown component to match prototype design#4000

Merged
guiyanakuang merged 1 commit intomainfrom
refactor/issue-3999-redesign-filled-dropdown
Mar 8, 2026
Merged

🔨 Redesign FilledDropdown component to match prototype design#4000
guiyanakuang merged 1 commit intomainfrom
refactor/issue-3999-redesign-filled-dropdown

Conversation

@guiyanakuang
Copy link
Copy Markdown
Member

Closes #3999

Summary

  • Replace heavy ExposedDropdownMenuBox + BasicTextField + TextFieldDefaults.DecorationBox with compact Surface trigger + DropdownMenu
  • Use rounded rectangle (8dp) with 1dp outline border, consistent with Counter component style
  • Compact sizing: 13sp font, 14dp chevron icon, minimal padding
  • Fix hover/ripple shape clipped to rounded corners via Modifier.clip()
  • Set containerColor and shape on DropdownMenu to match trigger, eliminating edge color mismatch
  • Compact menu items with fixed 32dp height and matching content padding
  • Selected item indicated by primary-colored text + check icon
  • Replace manual text width measurement with intrinsic sizing
  • Use AppUISize constants throughout

Test plan

  • Verify dropdown trigger renders with rounded rectangle and border
  • Verify hover/ripple clips to rounded corners
  • Verify dropdown menu background matches trigger (no edge color mismatch)
  • Verify menu items are compact and visually consistent with trigger
  • Verify selection works and selected item shows primary text + check icon

@guiyanakuang guiyanakuang merged commit db1ac90 into main Mar 8, 2026
2 checks passed
@guiyanakuang guiyanakuang deleted the refactor/issue-3999-redesign-filled-dropdown branch March 8, 2026 05:35
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.

Redesign FilledDropdown component to match prototype design

1 participant