Version
1.62.0-next
Steps to reproduce
- open ui mode, run a test with tracing
- tab/click into the Action tab in the snapshot panel
- 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
Version
1.62.0-next
Steps to reproduce
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"withTabbedPaneTabchildren but noonKeyDownhandler:playwright/packages/trace-viewer/src/ui/snapshotTab.tsx
Line 73 in d0c98af
the
handleTabListKeyDownutility is already wired up in bothTabbedPanecomponents andNetworkFiltersbut 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