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

PanelHeader: Add deadzone to panel header click/drag detection (#55490)

Browse Source
This commit is contained in:
kay delaney 2022-09-20 18:15:03 +01:00 committed by GitHub
parent 305d494902
commit 064a9ccd6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderMenuTrigger.tsx
View File

@ -40,13 +40,16 @@ export const PanelHeaderMenuTrigger: FC<Props> = ({ children, ...divProps }) =>
); );
}; };
function isClick(current: CartesianCoords2D, clicked: CartesianCoords2D): boolean { function isClick(current: CartesianCoords2D, clicked: CartesianCoords2D, deadZone = 3.5): boolean {
return clicked.x === current.x && clicked.y === current.y; // A "deadzone" radius is added so that if the cursor is moved within this radius
// between mousedown and mouseup, it's still considered a click and not a drag.
const clickDistance = Math.sqrt((current.x - clicked.x) ** 2 + (current.y - clicked.y) ** 2);
return clickDistance <= deadZone;
} }
function eventToClickCoordinates(event: MouseEvent<HTMLDivElement>): CartesianCoords2D { function eventToClickCoordinates(event: MouseEvent<HTMLDivElement>): CartesianCoords2D {
return { return {
x: Math.floor(event.clientX), x: event.clientX,
y: Math.floor(event.clientY), y: event.clientY,
}; };
} }