Expected behavior

When there is not enough horizontal room to display all tabs, they should be horizontally scrollable or pageable with clickable left and right arrows for mouse users, and swipeable for mobile or tablet users.

Another option would be hiding all tabs that don't fit behind a dropdown. Selecting a tab from that dropdown would replace the last visible tab with the one selected, or some other fancy logic.

Some ideas:

• https://vuetifyjs.com/en/components/tabs/#pagination

• https://vuetifyjs.com/en/components/tabs/#overflow-to-menu

• https://material.angular.io/components/tabs/examples#tab-group-dynamic (add many tabs until they would overflow)

• https://material-ui.com/components/tabs/#scrollable-tabs

Actual behavior

Tabs wrap to the next line usually resulting in an undesired layout.