From 6497a6353f2b21980cdc349f7ca9e0b2c2373ce6 Mon Sep 17 00:00:00 2001 From: AnnMarueW Date: Sun, 30 Nov 2025 11:00:29 -0800 Subject: [PATCH 1/2] Make targetable tooltips interactive --- components/dash-core-components/src/components/Tooltip.tsx | 2 +- components/dash-core-components/src/components/css/tooltip.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/dash-core-components/src/components/Tooltip.tsx b/components/dash-core-components/src/components/Tooltip.tsx index 16a5c95504..467e3ea4ea 100644 --- a/components/dash-core-components/src/components/Tooltip.tsx +++ b/components/dash-core-components/src/components/Tooltip.tsx @@ -30,7 +30,7 @@ const Tooltip = ({ width: `${position?.x1 - position?.x0}px`, height: `${position?.y1 - position?.y0}px`, display: `${show_tooltip ? 'inline-block' : 'none'}`, - pointerEvents: `${targetable ? 'auto' : 'none'}`, + '--Dash-Tooltip-PointerEvents': targetable ? 'auto' : 'none', '--Dash-Tooltip-Border-Color': border_color, '--Dash-Tooltip-Background-Color': background_color, '--Dash-Tooltip-ZIndex': zindex, diff --git a/components/dash-core-components/src/components/css/tooltip.css b/components/dash-core-components/src/components/css/tooltip.css index 2549b442a5..a719da2731 100644 --- a/components/dash-core-components/src/components/css/tooltip.css +++ b/components/dash-core-components/src/components/css/tooltip.css @@ -32,7 +32,7 @@ background: var(--Dash-Tooltip-Background-Color); white-space: nowrap; z-index: var(--Dash-Tooltip-ZIndex); - pointer-events: none; + pointer-events: var(--Dash-Tooltip-PointerEvents); box-shadow: 0px 10px 38px -10px var(--Dash-Shading-Strong), 0px 10px 20px -15px var(--Dash-Shading-Weak); } From aaf54a12591003ee26a6e0c2e78eface0a2aba4d Mon Sep 17 00:00:00 2001 From: AnnMarueW Date: Sun, 30 Nov 2025 11:40:52 -0800 Subject: [PATCH 2/2] Make targetable tooltips interactive --- components/dash-core-components/src/components/Tooltip.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/components/dash-core-components/src/components/Tooltip.tsx b/components/dash-core-components/src/components/Tooltip.tsx index 467e3ea4ea..e126e73dbd 100644 --- a/components/dash-core-components/src/components/Tooltip.tsx +++ b/components/dash-core-components/src/components/Tooltip.tsx @@ -30,6 +30,7 @@ const Tooltip = ({ width: `${position?.x1 - position?.x0}px`, height: `${position?.y1 - position?.y0}px`, display: `${show_tooltip ? 'inline-block' : 'none'}`, + pointerEvents: `${targetable ? 'auto' : 'none'}`, '--Dash-Tooltip-PointerEvents': targetable ? 'auto' : 'none', '--Dash-Tooltip-Border-Color': border_color, '--Dash-Tooltip-Background-Color': background_color,