[DataGrid] Limit panel width to not exceed screen width (#12799)

mui · Apr 17, 2024 · 23f912d · 23f912d
1 parent f8fb68e
commit 23f912d
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/x-data-grid/src/components/panel/GridPanel.tsx b/packages/x-data-grid/src/components/panel/GridPanel.tsx
@@ -51,6 +51,8 @@ const GridPaperRoot = styled(Paper, {
   minWidth: 300,
   maxHeight: 450,
   display: 'flex',
+  maxWidth: `calc(100vw - ${theme.spacing(0.5)})`,
+  overflow: 'auto',
 }));
 
 const GridPanel = React.forwardRef<HTMLDivElement, GridPanelProps>((props, ref) => {