static/js/index: Add hover fix

Show visibility and transition-delay based :hovers only when mouse has stopped

1 files changed, 41 insertions, 0 deletions

diff --git a/assets/js/index.js b/assets/js/index.js
index 78fb432..b4e0120 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -600,6 +600,47 @@
     });
 })();
 (function() {
+    if (typeof Element !== "undefined") {
+        if (!Element.prototype.matches) {
+            Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+        }
+        if (!Element.prototype.closest) {
+            Element.prototype.closest = function(s) {
+                var el = this;
+                do {
+                    if (el.matches(s)) return el;
+                    el = el.parentElement || el.parentNode;
+                }while (el !== null && el.nodeType === 1)
+                return null;
+            };
+        }
+    }
+    const disabled = "0s";
+    function walk(children, callback) {
+        for(let i1 = 0; i1 < children.length; i1++){
+            callback(children[i1]);
+            walk(children[i1].children, callback);
+        }
+    }
+    self.addEventListener("mousemove", function(event) {
+        tree = event.target.closest("figure") || event.target.closest("article");
+        if (tree !== null) {
+            walk(tree.children, function(element) {
+                const delay = self.getComputedStyle(element).getPropertyValue("transition-delay");
+                if (delay !== disabled) {
+                    element.style.setProperty("visibility", "hidden");
+                }
+            });
+            walk(tree.children, function(element) {
+                const delay = self.getComputedStyle(element).getPropertyValue("transition-delay");
+                if (delay !== disabled) {
+                    element.style.removeProperty("visibility");
+                }
+            });
+        }
+    });
+})();
+(function() {
     const relative = new Intl.RelativeTimeFormat("en", {
         localeMatcher: "best fit",
         numeric: "always",