opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-01 18:26:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

PanelChrome: Click inside also selects panel (#103168)

Browse Source
This commit is contained in:
Torkel Ödegaard
2025-04-01 16:46:21 +02:00
committed by GitHub
parent 1aea65f6d5
commit bfc6e07140
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/grafana-ui/src/components/PanelChrome/PanelChrome.tsx
View File

@ -230,6 +230,19 @@ export function PanelChrome({
[onDragStart]
);
const onContentPointerDown = React.useCallback(
(evt: React.PointerEvent) => {
// Ignore clicks inside buttons, links, canvas and svg elments
// This does prevent a clicks inside a graphs from selecting panel as there is normal div above the canvas element that intercepts the click
if (evt.target instanceof Element && evt.target.closest('button,a,canvas,svg')) {
return;
}
onSelect?.(evt);
},
[onSelect]
);
const headerContent = (
<>
{/* Non collapsible title */}
@ -386,6 +399,7 @@ export function PanelChrome({
data-testid={selectors.components.Panels.Panel.content}
className={cx(styles.content, height === undefined && styles.containNone)}
style={contentStyle}
onPointerDown={onContentPointerDown}
>
{typeof children === 'function' ? children(innerWidth, innerHeight) : children}
</div>