Expand details section when navigated directly via the URL hash

marcprux · marcprux · commit f66c1ca6eb9c · 2026-03-23T16:10:52.000-04:00
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -374,5 +374,21 @@ const ogImage = lockdownImages.length > 0
 </head>
 <body>
   <slot />
+  <script is:inline>
+    function openDetailsForHash() {
+      var hash = location.hash;
+      if (!hash) return;
+      var target = document.querySelector(hash);
+      if (!target) return;
+      var el = target;
+      while (el) {
+        if (el.tagName === 'DETAILS') el.open = true;
+        el = el.parentElement;
+      }
+      target.scrollIntoView();
+    }
+    openDetailsForHash();
+    window.addEventListener('hashchange', openDetailsForHash);
+  </script>
 </body>
 </html>
