Skip to content

[Bug]: Snapshot tab (Action/Before/After) in trace viewer missing keyboard navigation #41422

Description

@triemerge

Version

1.62.0-next

Steps to reproduce

  1. open ui mode, run a test with tracing
  2. tab/click into the Action tab in the snapshot panel
  3. hit ArrowRight

Expected behavior

Focus moves to the Before tab

Actual behavior

Nothing happens, focus stays on Action

Additional context

Noticed while working on #41284, the snapshot panel tablist has role="tablist" with TabbedPaneTab children but no onKeyDown handler:

<div className='hbox' style={{ height: '100%' }} role='tablist'>

the handleTabListKeyDown utility is already wired up in both TabbedPane components and NetworkFilters but was missed here.

I would like to work on this fix

Environment

System:
    OS: Linux 6.17 Ubuntu 24.04.4 LTS (Noble Numbat)
    CPU: (4) x64 11th Gen Intel(R) Core(TM) i3-1115G4 @ 3.00GHz
  Binaries:
    Node: 24.15.0
    npm: 11.12.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions