From 46ee2557d449d92f053923709b04706572f87147 Mon Sep 17 00:00:00 2001
From: Anton Ignatov <aignatov@biosistemika.com>
Date: Wed, 27 Mar 2019 13:53:32 +0100
Subject: [PATCH] Fix tooltip stuck bug

---
 .../javascripts/sitewide/tooltip_helper.js    | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/sitewide/tooltip_helper.js b/app/assets/javascripts/sitewide/tooltip_helper.js
index 939902069..517d0a809 100644
--- a/app/assets/javascripts/sitewide/tooltip_helper.js
+++ b/app/assets/javascripts/sitewide/tooltip_helper.js
@@ -16,6 +16,7 @@
         var link = $(obj).data('tooltiplink');
         var textData = $(obj).data('tooltipcontent');
         var customStyle = $(obj).data('tooltipstyle');
+        obj.dataset.tooltipId = i;
 
         $(obj)
           .popover({
@@ -26,7 +27,7 @@
             content: 'popovers will not display if empty',
             template:
               '<div class="popover tooltip_' + i + '_window tooltip-open" '
-              + 'role="tooltip" style="' + customStyle + '">'
+              + 'role="tooltip" style="' + customStyle + '" data-popover-id="' + i + '">'
               + '<div class="popover-body" >' + textData + '</div>'
               + '<br><br><br>'
               + '<div class="popover-footer">'
@@ -59,7 +60,6 @@
             clearTimeout(leaveTimeout);
             enterTimeout = setTimeout(function() {
               var top;
-
               if ($(obj).hover().length > 0) {
                 $(obj).popover('show');
                 $('.tooltip_' + i + '_window').removeClass('tooltip-enter');
@@ -84,6 +84,33 @@
       $('.help_tooltips').each(function(i, obj) {
         $(obj).popover('hide');
       });
+      $('.popover.tooltip-open').each(function(i, obj) {
+        if ($('*[data-tooltip-id="' + obj.dataset.popoverId + '"]').length === 0) {
+          $(obj).remove();
+        }
+      });
+    });
+    $(document.body).on('mousemove', function(e) {
+      var mouse = { x: e.clientX, y: e.clientY };
+      $('.popover.tooltip-open').each(function(i, obj) {
+        var tooltipObj = '*[data-tooltip-id="' + obj.dataset.popoverId + '"]';
+        var objHeight = $(tooltipObj)[0].clientHeight;
+        var objWidth = $(tooltipObj)[0].clientWidth;
+        var objLeft = $(tooltipObj)[0].offsetLeft;
+        var objTop = $(tooltipObj)[0].offsetTop;
+        var objCorners = {
+          tl: { x: objLeft, y: objTop },
+          tr: { x: (objLeft + objWidth), y: objTop },
+          bl: { x: objLeft, y: (objTop + objHeight) },
+          br: { x: (objLeft + objWidth), y: (objTop + objHeight) }
+        };
+        if (
+          !(mouse.x > objCorners.tl.x && mouse.x < objCorners.br.x)
+          || !(mouse.y > objCorners.tl.y && mouse.y < objCorners.br.y)
+        ) {
+          $(tooltipObj).popover('hide');
+        }
+      });
     });
   };