Make the the dropdown visible when expanding beyond the viewport
Open
Nobody has claimed this yet.
component: dashboard
meta: never-stale
team: webapp
type: improvement
- Dominant language
- TypeScript
- Stars
- 13.8k
- Forks
- 1.4k
- Avg merge
- 17h 58m
- Merged PRs (30d)
- 5
Description
Problem to solve
Currently, when the dropdown menu expands beyond the viewport it some or all of the options become hidden and invisible to users, see example screenshots below.
| Workspace Loading | Workspace List |
|---|---|
 |
 |
Proposal
Make the the dropdown visible when expanding beyond the viewport.
Probably using something like scrollIntoView()[1][2] could help and sounds safe to use. 💡
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the workspace loading and workspace list dropdown cases shown in the issue screenshots, then locate the dropdown implementation in the TypeScript frontend. Check whether scrollIntoView() addresses options extending beyond the viewport, and verify that all dropdown options remain visible when the menu expands.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100