Merge pull request #3520 from AnnMarieW/make-targetable-tooltip-interactive

T4rk1n · web-flow · commit 6657a9b5c7f6 · 2025-12-18T11:21:06.000-05:00
Makes targetable Tooltips interactive
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,8 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 
 ## Fixed
 - [#3541](https://github.com/plotly/dash/pull/3541) Remove last reference of deprecated `pkg_resources`.
+- [#3520](https://github.com/plotly/dash/pull/3520). Set `pointer-events` to `auto` on `Tooltip` to make it possible to interact with tooltip content when `targetable=True`
+
 
 ## [3.3.0] - 2025-11-12
 
diff --git a/components/dash-core-components/src/components/Tooltip.react.js b/components/dash-core-components/src/components/Tooltip.react.js
@@ -83,7 +83,7 @@ const Tooltip = ({
                     background: ${background_color};
                     white-space: nowrap;
                     z-index: ${zindex};
-                    pointer-events: none;
+                    pointer-events: ${targetable ? 'auto' : 'none'};
                 }
                 .hover .hover-content,
                 .hover-right .hover-content {

Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@ const Tooltip = ({`
`83`	`83`	`background: ${background_color};`
`84`	`84`	`white-space: nowrap;`
`85`	`85`	`z-index: ${zindex};`
`86`		`- pointer-events: none;`
	`86`	`+ pointer-events: ${targetable ? 'auto' : 'none'};`
`87`	`87`	`}`
`88`	`88`	`.hover .hover-content,`
`89`	`89`	`.hover-right .hover-content {`