Updates to run inside or outside sandbox

components/layout.js

@@ -36,6 +36,9 @@ export class Layout extends HTMLElement {
     addEventListener('hashchange', () => {
       this.load()
     })
+    this.addEventListener('hash-change', () => {
+      this.load()
+    })
   }
 
   load() {

components/nav-menu.js

@@ -42,16 +42,17 @@ export class NavMenu extends HTMLElement {
     this.shadowRoot.append(this.pageList)
     this.renderPageList()
     this.shadowRoot.addEventListener('click', e => {
-      if (this.handleLinks) {
-        e.preventDefault()
-      }
       if (e.target.classList.contains('page')) {
+        if (this.handleLinks) {
+          e.preventDefault()
+        }
         this.dispatchEvent(new CustomEvent(
           'close-menu', {bubbles: true}
         ))
-      }
+        if (this.handleLinks) {
-      if (this.handleLinks) {
+          const hash = '#' + e.target.innerText
-        location.hash = `#${e.target.innerText}`
+          location.hash = hash
+        }
       }
     })
   }

components/page.js

@@ -131,7 +131,7 @@ export class Page extends HTMLElement {
   }
 
   display(value) {
-    let doc = value
+    let doc = value || ''
     if (!(/<\w/).test(doc.substring(0, 30))) {
       doc = `<pre style="white-space: pre-wrap; margin: 8px 12px; font-family: monospace;">` +
         doc.replace("<", "&lt;").replace(">", "&gt;") +