public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboards: Add workaround for react-grid-layout rearrange bug (#57832)

Browse Source
This commit is contained in:
kay delaney
2022-10-28 15:36:37 +01:00
committed by GitHub
parent fa043efb2c
commit e4d1d8d70c
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/dashboard/containers/DashboardPage.tsx
+9 -1
View File
@@ -299,9 +299,17 @@ export class UnthemedDashboardPage extends PureComponent<Props, State> {
return; return;
} }
// Move all panels down by the height of the "add panel" widget.
// This is to work around an issue with react-grid-layout that can mess up the layout
// in certain configurations. (See https://github.com/react-grid-layout/react-grid-layout/issues/1787)
const addPanelWidgetHeight = 8;
for (const panel of dashboard.panelIterator()) {
panel.gridPos.y += addPanelWidgetHeight;
}
dashboard.addPanel({ dashboard.addPanel({
type: 'add-panel', type: 'add-panel',
gridPos: { x: 0, y: 0, w: 12, h: 8 }, gridPos: { x: 0, y: 0, w: 12, h: addPanelWidgetHeight },
title: 'Panel Title', title: 'Panel Title',
}); });