Update comment

index.html

@@ -37,7 +37,7 @@
 		</div>
 
 		<script>
-			// Sync query and hash from this embedded app to the parent page URL
+			// Sync query and hash from this embedded app to the parent page URL.
 			function sync() {
 				const queryString = document.getElementById("query").value;
 				const hash = document.getElementById("hash").value;
@@ -49,13 +49,14 @@
 				}, "https://huggingface.co");
 			}
 
-			// Read the initial query and hash
+			// Read the initial query and hash.
 			const initialQuery = window.location.search;
 			const initialHash = window.location.hash;
 			document.getElementById("initial-query").value = initialQuery ?? "";
 			document.getElementById("initial-hash").value = initialHash ?? "";
 
-			// Read the updated hash reactively
+			// Read the updated hash reactively.
+			// Note: there is no way to capture the query string update like this because updating query string causes page-reload (ref: https://stackoverflow.com/a/4291024).
 			window.addEventListener("hashchange", (event) => {
 				console.log("hash change event", event);
 				const currentHash = window.location.hash;