Add ids to footnote reference buttons for anchoring

DeclanChidlow · Feb 12, 2025 · 779cb2c · 779cb2c
1 parent 5c2fc93
commit 779cb2c
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/src/assets/scripts/footnotes.js b/src/assets/scripts/footnotes.js
@@ -71,10 +71,6 @@ class FootnotesSidenotes {
 	}
 
 	setupReference(reference, index) {
-		if (!reference.id) {
-			reference.id = `footnote-ref-${index}`;
-		}
-
 		const footnoteId = reference.getAttribute("href").substring(1);
 		const footnoteContent = document.getElementById(footnoteId).innerHTML;
 		const sidenote = document.createElement("div");
@@ -84,6 +80,7 @@ class FootnotesSidenotes {
 
 		const button = document.createElement("button");
 		button.className = "footnote-button";
+		button.id = `footnote-ref-${index + 1}`;
 		button.innerHTML = reference.innerHTML;
 		const popover = this.createPopover(footnoteContent, index);
 		document.body.appendChild(popover);