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

Canvas: Address center constraint on drag glitch (#51270)

Browse Source
This commit is contained in:
Nathan Marrs
2022-06-22 20:30:24 -07:00
committed by GitHub
parent 1802cc8aca
commit 5d74701848
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/features/canvas/runtime/element.tsx
View File

@@ -378,6 +378,20 @@ export class ElementState implements LayerElement {
};
applyDrag = (event: OnDrag) => {
const hasHorizontalCenterConstraint = this.options.constraint?.horizontal === HorizontalConstraint.Center;
const hasVerticalCenterConstraint = this.options.constraint?.vertical === VerticalConstraint.Center;
if (hasHorizontalCenterConstraint || hasVerticalCenterConstraint) {
const numberOfTargets = this.getScene()?.selecto?.getSelectedTargets().length ?? 0;
const isMultiSelection = numberOfTargets > 1;
if (!isMultiSelection) {
const elementContainer = this.div?.getBoundingClientRect();
const height = elementContainer?.height ?? 100;
const yOffset = hasVerticalCenterConstraint ? height / 4 : 0;
event.target.style.transform = `translate(${event.translate[0]}px, ${event.translate[1] - yOffset}px)`;
return;
}
}
event.target.style.transform = event.transform;
};