diff --git a/packages/trace-viewer/src/ui/filmStrip.css b/packages/trace-viewer/src/ui/filmStrip.css index e6db636fae..9570de199e 100644 --- a/packages/trace-viewer/src/ui/filmStrip.css +++ b/packages/trace-viewer/src/ui/filmStrip.css @@ -40,6 +40,6 @@ left: 0; background-color: white; box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 10px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 10px 0px; - z-index: 10; + z-index: 200; pointer-events: none; } diff --git a/packages/trace-viewer/src/ui/snapshotTab.tsx b/packages/trace-viewer/src/ui/snapshotTab.tsx index 1446e4ad43..926d9a8dac 100644 --- a/packages/trace-viewer/src/ui/snapshotTab.tsx +++ b/packages/trace-viewer/src/ui/snapshotTab.tsx @@ -117,14 +117,10 @@ export const SnapshotTab: React.FunctionComponent<{ className='snapshot-tab' tabIndex={0} onKeyDown={event => { - if (event.key === 'ArrowRight') - setSnapshotIndex(Math.min(snapshotIndex + 1, snapshots.length - 1)); if (event.key === 'Escape') { if (isInspecting) setIsInspecting(false); } - if (event.key === 'ArrowLeft') - setSnapshotIndex(Math.max(snapshotIndex - 1, 0)); }} >