commit a19f03209fd627e602f49dc63afe75e8a8be8612
author Randall Leeds <randall@apache.org> Thu May 23 15:24:16 2019 -0400
committer Randall Leeds <randall@apache.org> Thu May 23 15:24:16 2019 -0400
tree 252f35dfec84b42dc519316687c6d91115af87ed
parent d1eb36a0d19a06ba080f63b73e15221523a26f38

Use History API in the demo

demo/index.js

diff --git a/demo/index.js b/demo/index.js
index 63d2b1d..73648b3 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -59,7 +59,8 @@
   const selectableRange = document.createRange();
   selectableRange.selectNodeContents(selectable);
   const descriptor = await describeRange({ range, context: selectableRange });
-  window.location.hash = fragment.stringify(descriptor);
+  const nextFragment = fragment.stringify(descriptor);
+  window.history.replaceState(descriptor, null, `#${nextFragment}`);
 }
 
 function isWithinNode(range, node) {
@@ -71,14 +72,14 @@
   );
 }
 
-window.addEventListener('hashchange', refresh);
+window.addEventListener('popstate', refresh);
 document.addEventListener('DOMContentLoaded', refresh);
 document.addEventListener('selectionchange', onSelectionChange);
 
 if (module.hot) {
   module.hot.accept();
   module.hot.dispose(() => {
-    window.removeEventListener('hashchange', refresh);
+    window.removeEventListener('popstate', refresh);
     document.removeEventListener('DOMContentLoaded', refresh);
     document.removeEventListener('selectionchange', onSelectionChange);
   });