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

Author: rogerluan

theme/base.html

@@ -80,10 +80,10 @@
       <div class="wy-side-nav-search">
     {%- block site_name %}
         <a href="{{ nav.homepage.url|url }}" class="icon icon-home"> {{ config.site_name }}</a>
-	  {%- endblock %}
-	  {%- block search_button %}
+    {%- endblock %}
+    {%- block search_button %}
         {% if 'search' in config['plugins'] %}{% include "searchbox.html" %}{% endif %}
-	  {%- endblock %}
+    {%- endblock %}
       </div>
 
       <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
@@ -152,7 +152,7 @@
     {%- for path in config['extra_javascript'] %}
       <script src="{{ path|url }}" defer></script>
     {%- endfor %}
-    <script defer>
+    <script>
         window.onload = function () {
             $(document).on("click","[data-toggle='wy-nav-top']",function(){$("[data-toggle='wy-nav-shift']").toggleClass("shift")})
             $("div[role=main] table").toggleClass("docutils");

theme/footer.html

@@ -26,10 +26,64 @@
 </footer>
 
 <script type="text/javascript">
-  var links = document.links;
-  for (var i = 0, linksLength = links.length; i < linksLength; i++) {
-    if (links[i].hostname != window.location.hostname) {
-      links[i].target = '_blank';
-    } 
+  function ensureExternalLinksOpenInNewTab() {
+    const links = document.links;
+    for (let i = 0, linksLength = links.length; i < linksLength; i++) {
+      if (links[i].hostname != window.location.hostname) {
+        links[i].target = '_blank';
+      }
+    }
   }
+
+  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>