From a4d361379f7d9cc8be5b61c4e375b6a0dfa14e24 Mon Sep 17 00:00:00 2001
From: Tyler Gould <4130722+scitech@users.noreply.github.com>
Date: Fri, 9 Jun 2023 11:07:14 -0500
Subject: [PATCH] fix: scroll timeline with multiple pages in context (#23493)

Fixes #23490

Before:
<img width="500" alt="image"
src="https://github.com/microsoft/playwright/assets/4130722/faa1f7c3-9aeb-4e0c-aca3-0d9c24609628">

After:
<img width="500" alt="image"
src="https://github.com/microsoft/playwright/assets/4130722/6dfbc204-8ff2-49cb-a374-734750c6a385">

---------

Signed-off-by: Tyler Gould <4130722+scitech@users.noreply.github.com>
Co-authored-by: Andrey Lushnikov <aslushnikov@gmail.com>
---
 packages/trace-viewer/src/ui/timeline.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/trace-viewer/src/ui/timeline.css b/packages/trace-viewer/src/ui/timeline.css
index 179a63e1c3..cece4eb853 100644
--- a/packages/trace-viewer/src/ui/timeline.css
+++ b/packages/trace-viewer/src/ui/timeline.css
@@ -23,6 +23,8 @@
   cursor: text;
   user-select: none;
   margin-left: 10px;
+  max-height: 200px;
+  overflow-y: scroll;
 }
 
 .timeline-divider {