HeroUI Version

2.2.24

Describe the bug

When using the isVertical prop or placement="start" | "end" in the tabs component, the rendered tabs list incorrectly sets aria-orientation="horizontal".

As a result, vertical tabs only respond to Left and Right arrow keys, and not Up or Down, which breaks expected accessibility behavior for keyboard users.

Your Example Website or App

https://www.heroui.com/docs/components/tabs#vertical

Steps to Reproduce the Bug or Issue

1. Render a
2. Focus on the first or any other tab.
3. Press ArrowUp or ArrowDown.
4. Nothing happens since only Left and Right arrows move focus or selection.

Expected behavior

As a user, I expected vertical tabs to have aria-orientation="vertical".
Keyboard navigation using Up and Down arrow keys.

Screenshots or Videos

No response

Operating System Version

mac

Browser

Chrome