Next and previous icon button for navigation in Tabs

[herda1]

Describe the bug

Scrolling of tabs horizontally does not have 'next and previous icon button for navigation' in navigation tabs as described in EDS components.

Steps to reproduce the bug

1. Go EDS storybook
2. Go to Components -> Tabs -> States
3. Reduced the browser width
4. Try to scroll
5. Check that the clickable next and previous icon buttons for navigation are missing

.

Expected behavior

• Add button (chevron) to scroll right or left when applicable
• Horizontal scrolling as clicking the button (chevron)
• Fade overlay to indicate more tabs

An example of tabs with the expected behavior is shown below:

Additional context

https://codesandbox.io/s/small-bash-qs5he?file=/src/App.tsx

[mimarz]

Awesome! Things are abit busy with EDC preperations now, but we'll bring it up for planning next time around :)

Edit: Added "feature request" label as its a "missing" feature.

[nilsml]

I have been told that two teams are waiting for this fix. We should discuss this is tomorrow's planning meeting.

[BirteThornquist]

Decided in todays planning meeting to find a way to help them so they can implement a previous/next chevron in their tab menu. We will not add the chevrons to the tab component in EDS. We will however look into how we can create a responsive tab menu. This will be handled in a separate issue #1889

[akvam]

To do:

• Help team with the technical solution
• Update the documentation

[vnys]

As I wrote in the pr, Google is investigating how to solve the issue of too many tabs to fit in the tab strip. In Chrome right now you can test out different options and give them feedback.

[vnys]

Possibly something to look into

• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
• https://caniuse.com/?search=scroll%20snap