From 216bfab5fe59a496b948c5ae357fd7c8aebbb228 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Thu, 9 Apr 2026 12:34:55 +0200
Subject: [PATCH] ui: fix javascript reference error in anime list

---
 internal/shared/ui/anime_list.templ | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/internal/shared/ui/anime_list.templ b/internal/shared/ui/anime_list.templ
index 76888c6..fd81a48 100644
--- a/internal/shared/ui/anime_list.templ
+++ b/internal/shared/ui/anime_list.templ
@@ -14,10 +14,11 @@ templ InfiniteAnimeList(animes []jikan.Anime, hasNext bool, nextURL string, cont
 	if hasNext {
 		<div class="scroll-trigger" style="grid-column: 1 / -1; height: 20px;" hx-get={ nextURL } hx-trigger="revealed" hx-swap="outerHTML"></div>
 	}
-	<script>
+	<script data-container={ containerID }>
 		(function() {
-			const containerID = "{" + containerID + "}"; // fallback for string concat in JS
-			const actualID = containerID.replace(/[{}]/g, '');
+			const scripts = document.querySelectorAll('script[data-container]');
+			const currentScript = scripts[scripts.length - 1];
+			const actualID = currentScript.getAttribute('data-container');
 			const container = document.getElementById(actualID) || document;
 			const items = container.querySelectorAll('.catalog-item[data-id]');
 			const seen = new Set();