Internal issue 3265 - "Select" component - text overflow
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 53
- Forks
- 63
- Avg merge
- 2d 4h
- Merged PRs (30d)
- 15
Description
Using the Select component, if a user selects an option from the drop-down list which is longer in length than the component itself, then the 'X' button overlaps the text displaying the current selection.
This does not appear to be an issue when the text is typed, rather than selected.
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 with the Select component and reproduce the difference between selecting an option from the drop-down and typing text. Trace how the current selection and the X button are displayed, then verify that long selected text no longer overlaps the button while typed text continues to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100