From 8efa8dbc1dc53a53b24bf6936120daf116ec9c45 Mon Sep 17 00:00:00 2001
From: Max Schmitt <max@schmitt.mx>
Date: Thu, 30 Nov 2023 13:26:03 -0800
Subject: [PATCH] fix(ui-mode): make UI Mode projects scrollable (#28438)

Fixes https://github.com/microsoft/playwright/issues/28393



https://github.com/microsoft/playwright/assets/17984549/5791e422-f4e6-4202-b66c-b77bbb476c04
---
 packages/trace-viewer/src/ui/uiModeView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/trace-viewer/src/ui/uiModeView.tsx b/packages/trace-viewer/src/ui/uiModeView.tsx
index ca5a911a2a..3f0f9f67c4 100644
--- a/packages/trace-viewer/src/ui/uiModeView.tsx
+++ b/packages/trace-viewer/src/ui/uiModeView.tsx
@@ -316,7 +316,7 @@ const FiltersView: React.FC<{
       <span className='filter-label'>Status:</span> {statusLine}
       <span className='filter-label'>Projects:</span> {projectsLine}
     </div>
-    {expanded && <div className='hbox' style={{ marginLeft: 14 }}>
+    {expanded && <div className='hbox' style={{ marginLeft: 14, maxHeight: 200, overflowY: 'auto' }}>
       <div className='filter-list'>
         {[...statusFilters.entries()].map(([status, value]) => {
           return <div className='filter-entry'>