material-components / material-components/material-web
Add an indicator that there are more tabs as currently visible
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 11.3k
- Forks
- 1.1k
- Avg merge
- 20h 28m
- Merged PRs (30d)
- 13
Description
### Description
We use several tab controls in our web application and depending on screen size not all tab items are visible.
Some of our customers complained that they sometimes do not see any indication that there are more tabs.
I should mention that we are still on version 2 but as I noticed in the interactive demo "Scrolling tabs" on material-web.dev the behavior is still the same.
The tab control from Vaadin blends out the last visible tab if there are more and optionally shows a scroll button.
https://vaadin.com/docs/latest/components/tabs
That would be a nice feature.
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 interactive demo’s “Scrolling tabs” behavior and review the existing tab control implementation. Define how users should be shown that additional tabs exist, including whether a scroll button is needed, then verify the behavior at different screen sizes and against the Vaadin tabs example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- scss
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100