Fix links with anchors nested in details not scrolling to the content

Author: revolter

theme/footer.html

@@ -35,5 +35,55 @@
     }
   }
 
+  function scrollToAnchorNestedInDetailsIfNeeded() {
+    function scrollToElement() {
+      const id = window.location.hash.substr(1);
+      if (id === '') {
+        return;
+      }
+
+      const element = document.getElementById(id);
+      if (!element) {
+        return;
+      }
+
+      const details = document.getElementsByTagName('details');
+      for (const element of details) {
+        element.open = false;
+      }
+
+      let temp = element;
+      while (temp && temp.tagName) {
+        if (temp.tagName.toLowerCase() === 'details') {
+          temp.open = true;
+        }
+
+        temp = temp.parentNode;
+      }
+
+      element.scrollIntoView();
+    }
+
+    function onReady(callback) {
+      if (document.readyState !== 'loading') {
+        callback();
+      } else if (document.addEventListener) {
+        document.addEventListener('DOMContentLoaded', callback);
+      } else {
+        document.attachEvent('onreadystatechange', function() {
+          if (document.readyState === 'complete') {
+            callback();
+          }
+        });
+      }
+    }
+
+    onReady(function () {
+      scrollToElement();
+      window.addEventListener('hashchange', scrollToElement);
+    });
+  }
+
   ensureExternalLinksOpenInNewTab();
+  scrollToAnchorNestedInDetailsIfNeeded();
 </script>