Tab overflow menu triggers unnecessarily
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 140
- Forks
- 100
- Avg merge
- 1h 3m
- Merged PRs (30d)
- 30
Description
Feedback summary
Tabs component triggers overflow to a "More..." menu when there's enough space to display the remaining items. The first example is from the new Content Libraries staging server, and the second is from EdX Studio. I can't replicate this issue on the Paragon documentation site.
Improvements
- Potential API improvement: add an option to disable the overflow menu
Bugs
- Bug fix: only resort to overflow menu when there isn't enough space
CC @bradenmacdonald @lizc577
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 locating the Tabs component and its overflow-menu behavior, then reproduce the reported cases from Content Libraries staging or EdX Studio. Done means the More... menu appears only when the remaining tabs do not fit, with the proposed option to disable overflow considered.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100