Fix dropdown disposition (placement / width / overflow) #25

Open
opened 2026-07-09 19:19:10 +02:00 by Sirttas · 0 comments
Owner

Summary

The dropdown menus (src/components/SelectInput.vue, and the floating variant in src/components/Dropdown.vue) don't lay out consistently. Nail down the disposition:

  • Anchor the menu directly under its trigger.
  • Match the trigger's width (avoid the menu ballooning to the longest row); truncate long rows rather than widening.
  • Correct z-index / stacking and viewport overflow (long lists near the bottom of the screen).

Notes

  • SelectInput was recently made relative with a w-full, overflow-hidden menu — verify this holds across usages and fix any remaining cases.
  • Dropdown positions its floating panel with useElementBounding + fixed; check it tracks scroll/resize.

Acceptance criteria

  • Menus anchor under the trigger and match its width.
  • Long entries truncate; the menu never overflows the viewport horizontally.
  • npm run build passes.
## Summary The dropdown menus (`src/components/SelectInput.vue`, and the floating variant in `src/components/Dropdown.vue`) don't lay out consistently. Nail down the disposition: - Anchor the menu directly under its trigger. - Match the trigger's width (avoid the menu ballooning to the longest row); truncate long rows rather than widening. - Correct `z-index` / stacking and viewport overflow (long lists near the bottom of the screen). ## Notes - `SelectInput` was recently made `relative` with a `w-full`, `overflow-hidden` menu — verify this holds across usages and fix any remaining cases. - `Dropdown` positions its floating panel with `useElementBounding` + `fixed`; check it tracks scroll/resize. ## Acceptance criteria - [ ] Menus anchor under the trigger and match its width. - [ ] Long entries truncate; the menu never overflows the viewport horizontally. - [ ] `npm run build` passes.
Sirttas added the
Status
To Refine
label 2026-07-09 19:30:16 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: eveal/gemory#25