From 69716a45d3e736aa8c75916cf65492388253215b Mon Sep 17 00:00:00 2001
From: Aman Sharma <20aman@gmail.com>
Date: Wed, 13 Apr 2016 14:34:26 -0400
Subject: [PATCH] Updating to use the absolute position even if the chart
 canvas element is having relative position

This will work with both relative and absolute position for the chart
---
 samples/pie-customTooltips.html | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/samples/pie-customTooltips.html b/samples/pie-customTooltips.html
index 732317de4..97d79d0f6 100644
--- a/samples/pie-customTooltips.html
+++ b/samples/pie-customTooltips.html
@@ -105,11 +105,29 @@
             top = tooltip.y + tooltip.caretHeight + tooltip.caretPadding;
         }
 
+        //Function to find absolution position of the element and not just it's relative position
+        function getPosition (element) {
+            var top = 0, left = 0;
+            do {
+                top += element.offsetTop || 0;
+                left += element.offsetLeft || 0;
+                element = element.offsetParent;
+            } while (element);
+
+            return {
+                top: top,
+                left: left
+            };
+        };
+
+        //Finding absolute position of the chart canvas
+        var position = getPosition(tooltip.chart.canvas)
+        
         // Display, position, and set styles for font
         tooltipEl.css({
             opacity: 1,
-            left: tooltip.chart.canvas.offsetLeft + tooltip.x + 'px',
-            top: tooltip.chart.canvas.offsetTop + top + 'px',
+            left: position.left + tooltip.x + 'px',
+            top: position.top + top + 'px',
             fontFamily: tooltip.fontFamily,
             fontSize: tooltip.fontSize,
             fontStyle: tooltip.fontStyle,
-- 
2.47.2