Package

@carbon/react

Browser

No response

Package version

1.66.0

React version

No response

Description

When using Tabs in manual mode, it appears that Carbon still stores the currently selected/rendered tab as the tab that last had focus. This means that if the last tab that was focused on is not the same as the tab that is currently selected/rendered, if you re-enter the menu and try to navigate with arrowkeys the focus indicator jumps around and does not behave as expected.

Reproduction/example

https://stackblitz.com/edit/github-xvaxt4-os3y2p?file=src%2FApp.jsx

Steps to reproduce

1. Open the stackblitz from the reproduction link above
2. Click/select one of the tabs. Do not exit the tab menu.
3. Navigate to another tab button using the arrowkeys
4. Enter the tab key to navigate off of the tabs selection menu
5. Enter tab + shift to navigate back to the tabs selection menu
6. Press either the right or left arrow key to see that it does not work as expected

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems