Repository: mito-ds/mito (language: python)

Issue:
Select data for graph taskpane gets cutoff and is unscrollable
**Describe the bug**

In safari, I cannot scroll in the select data taskpane when the graph is open.

```
import pandas as pd
df = pd.DataFrame({'A': [1, 2, 3], 'B': [4, 5, 6], 'C': [7, 8, 9]})
import mitosheet
mitosheet.sheet(df)
```

<img width="1410" alt="Screenshot 2024-03-14 at 11 02 56 AM" src="https://github.com/mito-ds/mito/assets/21002431/16f005cf-1e8e-4702-a662-cf0ad98508c7">

I cannot scroll down to Facet Row -- and the more data you select, the less scrolling you can see.



Discussion / hints:
This seems like a reasonable thing to add a frontend test for -- that you can scroll facet row into view or something similar :) 

Fix patch:
diff --git a/mitosheet/css/taskpanes/Graph/GraphSidebar.css b/mitosheet/css/taskpanes/Graph/GraphSidebar.css
index 6dee94ac0..9ee5b7a8e 100644
--- a/mitosheet/css/taskpanes/Graph/GraphSidebar.css
+++ b/mitosheet/css/taskpanes/Graph/GraphSidebar.css
@@ -76,6 +76,9 @@
     padding-right: 5px; 
     padding-left: 5px;
     box-sizing: border-box;
+
+    height: 100%;
+    overflow-y: scroll;
 }
 
 .graph-sidebar-toolbar-content {


Test patch:
diff --git a/tests/streamlit_ui_tests/graph.spec.ts b/tests/streamlit_ui_tests/graph.spec.ts
index 3911224be..256b19b1f 100644
--- a/tests/streamlit_ui_tests/graph.spec.ts
+++ b/tests/streamlit_ui_tests/graph.spec.ts
@@ -180,6 +180,19 @@ test.describe('Graph Functionality', () => {
     await expect(mito.locator('.legend')).toHaveText('variableColumn1Column2');
   });
 
+  test('Can scroll in the select data taskpane', async ({ page }) => {
+    const mito = await getMitoFrameWithTestCSV(page);
+    await openGraphEditor(mito, page);
+
+    await expect(mito.getByText('Facet row')).toBeVisible();
+
+    await addColumnToAxis(mito, page, 'Y', 'Column2');
+    await addColumnToAxis(mito, page, 'Y', 'Column3');
+    await expect(mito.getByText('Facet row')).not.toBeInViewport();
+    await mito.getByText('Facet row').scrollIntoViewIfNeeded();
+    await expect(mito.getByText('Facet row')).toBeInViewport();
+  });
+
   test('Make a histogram and change the histogram specific configurations', async ({ page }) => {
     const mito = await getMitoFrameWithTestCSV(page);