fix: equal 500ms show/hide delay on popovers to prevent overlap

Author: peterbaumert

netbox_device_view/templates/netbox_device_view/deviceview.html

@@ -111,13 +111,15 @@
     content: opts.content || ""
   });
   var hideTimer = null;
+  var showTimer = null;
   function scheduleHide() {
-    hideTimer = setTimeout(function () { pop.hide(); }, 300);
+    clearTimeout(showTimer);
+    hideTimer = setTimeout(function () { pop.hide(); }, 500);
   }
   function cancelHide() {
     clearTimeout(hideTimer);
   }
-  el.addEventListener("mouseenter", function () { cancelHide(); pop.show(); });
+  el.addEventListener("mouseenter", function () { cancelHide(); showTimer = setTimeout(function () { pop.show(); }, 500); });
   el.addEventListener("mouseleave", scheduleHide);
   el.addEventListener("shown.bs.popover", function () {
     var tip = Popover.getInstance(el) && Popover.getInstance(el)._tip;

netbox_device_view/templates/netbox_device_view/ports.html

@@ -108,13 +108,15 @@ <h2 class="card-header">Deviceview {% if object.virtual_chassis %}{{ object.virt
     content: opts.content || ""
   });
   var hideTimer = null;
+  var showTimer = null;
   function scheduleHide() {
-    hideTimer = setTimeout(function () { pop.hide(); }, 300);
+    clearTimeout(showTimer);
+    hideTimer = setTimeout(function () { pop.hide(); }, 500);
   }
   function cancelHide() {
     clearTimeout(hideTimer);
   }
-  el.addEventListener("mouseenter", function () { cancelHide(); pop.show(); });
+  el.addEventListener("mouseenter", function () { cancelHide(); showTimer = setTimeout(function () { pop.show(); }, 500); });
   el.addEventListener("mouseleave", scheduleHide);
   el.addEventListener("shown.bs.popover", function () {
     var tip = Popover.getInstance(el) && Popover.getInstance(el)._tip;