Fixed tooltip (#74074)

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
elastic · Aug 13, 2020 · acc8ffe · acc8ffe
1 parent 50f3328
commit acc8ffe
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/plugins/vis_type_vega/public/_vega_vis.scss b/src/plugins/vis_type_vega/public/_vega_vis.scss
@@ -107,6 +107,7 @@
 
 .vgaVis__tooltip {
   max-width: 100%;
+  position: fixed;
 
   h2 {
     margin-bottom: $euiSizeS;

diff --git a/src/plugins/vis_type_vega/public/vega_view/vega_tooltip.js b/src/plugins/vis_type_vega/public/vega_view/vega_tooltip.js
@@ -85,12 +85,12 @@ export class TooltipHandler {
     let anchorBounds;
     if (item.bounds.width() > this.centerOnMark || item.bounds.height() > this.centerOnMark) {
       // I would expect clientX/Y, but that shows incorrectly
-      anchorBounds = createRect(event.pageX, event.pageY, 0, 0);
+      anchorBounds = createRect(event.clientX, event.clientY, 0, 0);
     } else {
       const containerBox = this.container.getBoundingClientRect();
       anchorBounds = createRect(
-        containerBox.left + view._origin[0] + item.bounds.x1 + window.pageXOffset,
-        containerBox.top + view._origin[1] + item.bounds.y1 + window.pageYOffset,
+        containerBox.left + view._origin[0] + item.bounds.x1,
+        containerBox.top + view._origin[1] + item.bounds.y1,
         item.bounds.width(),
         item.bounds.height()
       );