From c0179cd29cee7f83b6247b9ce6a27b8290ccc40c Mon Sep 17 00:00:00 2001
From: lqdev <liquidev@tutanota.com>
Date: Sun, 3 Sep 2023 11:45:14 +0200
Subject: [PATCH] fix navigating to fragment in chrome

---
 static/js/tree.js | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/static/js/tree.js b/static/js/tree.js
index ac6be15..ded1b72 100644
--- a/static/js/tree.js
+++ b/static/js/tree.js
@@ -2,6 +2,8 @@
 
 import { navigationMap } from "/navmap.js";
 
+/* Branch persistence */
+
 const branchStateKey = "treehouse.openBranches";
 let branchState = JSON.parse(sessionStorage.getItem(branchStateKey)) || {};
 
@@ -34,6 +36,8 @@ class Branch extends HTMLLIElement {
 
 customElements.define("th-b", Branch, { extends: "li" });
 
+/* Linked branches */
+
 class LinkedBranch extends Branch {
     static byLink = new Map();
 
@@ -96,9 +100,21 @@ class LinkedBranch extends Branch {
     }
 }
 
-
 customElements.define("th-b-linked", LinkedBranch, { extends: "li" });
 
+/* Fragment navigation */
+
+let rehashing = false;
+function rehash() { // https://www.youtube.com/watch?v=Tv1SYqLllKI
+    if (!rehashing) {
+        rehashing = true;
+        let hash = window.location.hash;
+        window.location.hash = "";
+        window.location.hash = hash;
+        rehashing = false;
+    }
+}
+
 function expandDetailsRecursively(element) {
     while (element && element.tagName != "MAIN") {
         if (element.tagName == "DETAILS") {
@@ -113,15 +129,13 @@ function navigateToPage(page) {
 }
 
 async function navigateToBranch(fragment) {
-    if (fragment.length == 0) {
-        return;
-    }
+    if (fragment.length == 0) return;
 
     let element = document.getElementById(fragment);
     if (element !== null) {
         // If the element is already loaded on the page, we're good.
         expandDetailsRecursively(element);
-        window.location.hash = window.location.hash;
+        rehash();
     } else {
         // The element is not loaded, we need to load the tree that has it.
         let parts = fragment.split(':');
@@ -150,7 +164,7 @@ async function navigateToBranch(fragment) {
                     if (lastBranch != null) {
                         expandDetailsRecursively(lastBranch.details);
                     }
-                    window.location.hash = window.location.hash;
+                    rehash();
                 }
             } else {
                 // In case the navigation map does not contain the given page, we can try
@@ -163,7 +177,7 @@ async function navigateToBranch(fragment) {
 
 async function navigateToCurrentBranch() {
     let location = window.location.hash.substring(1);
-    navigateToBranch(location);
+    await navigateToBranch(location);
 }
 
 // When you click on a link, and the destination is within a <details> that is not expanded,