You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
As a designer, I never loved how tabs sometimes stack vertically (when wrapping tabs as the container shrinks). It loses the physical metaphor of folders and tabs.
My recommendation is to generate a "More" dropdown menu that only appears when there is a tab overflow (too many tabs than can fit). The options that exist would be the tab titles that could not be visible which would change depending on the active tab.
This menu would of course need to be translatable.
Interacting with this menu would also need to ensure AODA accessibility focus states, so the user could use the left and right arrows to access the menu when navigating tabs, and when selected, the focus would be on the menu options.
As a designer, I never loved how tabs sometimes stack vertically (when wrapping tabs as the container shrinks). It loses the physical metaphor of folders and tabs.
My recommendation is to generate a "More" dropdown menu that only appears when there is a tab overflow (too many tabs than can fit). The options that exist would be the tab titles that could not be visible which would change depending on the active tab.
I've seen similar technologies achive this such as:
https://canvas.workday.com/v9/patterns/overflow/
https://www.patternfly.org/components/tabs/design-guidelines/
https://open-ui.org/components/tabs.research.parts/
The text was updated successfully, but these errors were encountered: