From 846e3e4184925d0295fdaa76bc5b0f6385e333df Mon Sep 17 00:00:00 2001
From: Mcat12 <newtoncat12@yahoo.com>
Date: Sun, 15 Jul 2018 15:04:38 -0400
Subject: [PATCH] Fix lag by limiting rendering to every 50ms

Signed-off-by: Mcat12 <newtoncat12@yahoo.com>
---
 scripts/pi-hole/js/index.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
index d646bb80..18f1d6aa 100644
--- a/scripts/pi-hole/js/index.js
+++ b/scripts/pi-hole/js/index.js
@@ -29,6 +29,8 @@ function objectToArray(p){
     return [idx,arr];
 }
 
+var lastTooltipTime = 0;
+
 var customTooltips = function(tooltip) {
         // Tooltip Element
         var tooltipEl = document.getElementById("chartjs-tooltip");
@@ -43,6 +45,15 @@ var customTooltips = function(tooltip) {
                 tooltipEl.style.opacity = 0;
                 return;
         }
+
+        // Limit rendering to once every 50ms. This gives the DOM time to react,
+        // and avoids "lag" caused by not giving the DOM time to reapply CSS.
+        var now = Date.now()
+        if(now - lastTooltipTime < 50) {
+            return;
+        }
+        lastTooltipTime = now;
+
         // Set caret Position
         tooltipEl.classList.remove("above", "below", "no-transform");
         if (tooltip.yAlign) {