Merge pull request #5256 from dbluhm/fix/shadow-dom-targeting

Correct wrong element targeting on hover in shadow DOM
plotly · Jan 5, 2021 · f024f68 · f024f68
2 parents 45f4513 + 9ee5002
commit f024f68
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/fx/hover.js b/src/components/fx/hover.js
@@ -335,7 +335,13 @@ function _hover(gd, evt, subplot, noHoverEvent) {
                 return;
             }
 
-            var dbb = evt.target.getBoundingClientRect();
+            // Discover event target, traversing open shadow roots.
+            var target = evt.composedPath && evt.composedPath()[0];
+            if(!target) {
+                // Fallback for browsers not supporting composedPath
+                target = evt.target;
+            }
+            var dbb = target.getBoundingClientRect();
 
             xpx = evt.clientX - dbb.left;
             ypx = evt.clientY - dbb.top;