Make side panel scrollable

datavisyn · May 17, 2023 · 002bc82 · 002bc82
1 parent 2e8bd0f
commit 002bc82
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/ranking/EagerVisynRanking.tsx b/src/ranking/EagerVisynRanking.tsx
@@ -121,5 +121,18 @@ export function EagerVisynRanking<T extends Record<string, unknown>>({
     }
   }, [selection]);
 
-  return <Box ref={divRef} style={{ flex: 1, width: '100%' }} {...(innerProps || {})} />;
+  return (
+    <Box
+      ref={divRef}
+      sx={{
+        flex: 1,
+        width: '100%',
+        // Make the side panel scrollable
+        '> .lu-side-panel-main': {
+          overflowY: 'auto',
+        },
+      }}
+      {...(innerProps || {})}
+    />
+  );
 }