Merge pull request #1560 from visualize-admin/fix/adding-new-chart-fr…

…ee-canvas

fix: Assure the layouts adhere to min and max constraints

app/components/react-grid.tsx

@@ -204,13 +204,17 @@ export const ChartGridLayout = (props: ChartGridLayoutProps) => {
 
  const enhancedLayouts = useMemo(() => {
  return mapValues(layouts, (layouts) => {
- return layouts.map((x) => ({
- ...x,
- minH: MIN_H,
- maxH: MAX_H,
- maxW: MAX_W,
- resizeHandles: resize ? availableHandles : [],
- }));
+ return layouts.map((x) => {
+ return {
+ ...x,
+ minH: MIN_H,
+ maxH: MAX_H,
+ h: Math.min(MAX_H, Math.max(MIN_H, x.h)),
+ maxW: MAX_W,
+ w: Math.min(MAX_W, x.w),
+ resizeHandles: resize ? availableHandles : [],
+ };
+ });
  });
  }, [layouts, resize]);