Switching tabs resets keyboard/screen reader focus

[dcalhoun]

Quick summary

When relying upon a keyboard or screen reader to navigate the app, focus is reset when switching the active tab.

Screen recording

https://github.com/user-attachments/assets/7d11b08b-7b73-4b1e-aad9-1fa0cc161cef

Steps to reproduce

Keyboard

1. Launch Studio.
2. Press Tab to move focus to the tabs—Overview, Sync, Share, etc.
3. Press the right arrow key to change the active tab.
4. Press the right arrow key again.

Screen reader

1. Enable VoiceOver.
2. Launch Studio.
3. Move selection to one of the inactive tabs—Overview, Sync, Share, etc—via pressing Ctrl+Option+[Arrow key].
4. Activate the tab via Control+Option+Space.
5. Repeat step three.

What you expected to happen

Keyboard: The subsquent tab is activated.

Screen reader: Selection is moved to the targeted tab.

What actually happened

Keyboard: The active tab is not changed.

Screen reader: Selection is not present within the tabs.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform

Mac Silicon

Logs or notes

I imagine an unexpected or unnecessary re-render is resulting in loss of focus, potentially from re-mounting the component.

[github-actions[bot]]

This issue could use some more labels, to help prioritize and categorize our work. Could you please add at least a [Type], a [Feature], and a [Pri] label?

[supernovia]

📌 REPRODUCTION RESULTS

• Tested – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO Replicated on current version

📌 ACTIONS

• Triaged
• Assigned to Yolo