IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues 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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/features/dashboard/containers/DashboardPage.tsx
View File

@ -299,9 +299,17 @@ export class UnthemedDashboardPage extends PureComponent<Props, State> {
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({
type: 'add-panel',
gridPos: { x: 0, y: 0, w: 12, h: 8 },
gridPos: { x: 0, y: 0, w: 12, h: addPanelWidgetHeight },
title: 'Panel Title',
});