vertical tab group - scrollable

[Offbeatmammal]

related to my question in #93, I was wondering if it's possible to make tab groups scrollable in vertical mode as well - similar to how the UI for the Docs works - so when the list is long you can scroll the content and the tabs independently to aid navigation and readability?

[claviska]

You can do something like this.

wa-tab-group::part(base) {
  max-height: 200px;
  outline: dotted 1px tomato;
  overflow: auto;
}

wa-tab-group::part(nav) {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

One caveat is that the active tab doesn't scroll into view when the keyboard is used. That might be something we have to bake into the component to solve properly.

[Offbeatmammal]

thanks, that solved my problem neatly. Did set max-height in wa-tab-group::part(base) to 95% so it fits the rest of the page