search

dequelabs / cauldron

https://cauldron.dequelabs.com/
Mozilla Public License 2.0
90 stars 21 forks source link

Tabs component: content gets cutoff at narrow viewports (or zoomed) #789

Open schne324 opened 2 years ago

schne324 commented 2 years ago
Screen Shot 2022-09-20 at 2 01 10 PM

TBD: what should happen at narrow viewports for the tabs?

tbusillo commented 1 year ago

Ideally, I think the tabs would narrow to fit the viewport, but should shift to being vertically aligned if they cannot all fit. I don’t think just wrapping them if they overflow would look great.

Another option would be to allow for horizontal scrolling of the tabs if they overflow the container’s width. However, that approach may cause other accessibility issues.

Examples of horizontal scrolling tabs