From 93280046f9577dcd5a32526c78034a31cca75531 Mon Sep 17 00:00:00 2001
From: Uladzislau Lasitsa <Uladzislau_Lasitsa@epam.com>
Date: Mon, 3 Aug 2020 14:42:48 +0300
Subject: [PATCH] Fixed tooltip

---
 src/plugins/vis_type_vega/public/_vega_vis.scss            | 1 +
 src/plugins/vis_type_vega/public/vega_view/vega_tooltip.js | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/plugins/vis_type_vega/public/_vega_vis.scss b/src/plugins/vis_type_vega/public/_vega_vis.scss
index f9468d677eeed9..12108c7ba3de0b 100644
--- 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
index 01386fd91abc5a..7b0274478cea2d 100644
--- 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()
       );