melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scope htmx:beforeSwap and clear searchDebounce on teardown

Browse Source
This commit is contained in:
mkelvers
2026-06-16 11:01:33 +02:00
committed by Milas Holsting
parent 06b50509e8
commit 1d531ab181
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
static/player/main.ts
View File

@@ -101,7 +101,7 @@ const initPlayer = (): void => {
currentContainer = container; currentContainer = container;
const abortController = new AbortController(); const abortController = new AbortController();
const signal = abortController.signal; const signal = abortController.signal;
cleanup = () => abortController.abort(); cleanup = null;
const loading = container.querySelector("[data-loading]") as HTMLElement | null; const loading = container.querySelector("[data-loading]") as HTMLElement | null;
const progressWrap = container.querySelector("[data-progress-wrap]") as HTMLElement | null; const progressWrap = container.querySelector("[data-progress-wrap]") as HTMLElement | null;
@@ -396,6 +396,22 @@ const initPlayer = (): void => {
setupThumbnails(); setupThumbnails();
void hydrateAlternateMode(signal); void hydrateAlternateMode(signal);
document.body.addEventListener(
"htmx:beforeSwap",
(e: Event) => {
const target = (e as CustomEvent).detail?.target as HTMLElement | null;
if (target && currentContainer && target.contains(currentContainer)) {
teardownPlayer();
}
},
{ signal },
);
cleanup = () => {
clearTimeout(searchDebounce);
abortController.abort();
};
}; };
onReady(initPlayer); onReady(initPlayer);
@@ -404,10 +420,3 @@ onHtmxLoad((root) => {
initPlayer(); initPlayer();
} }
}); });
document.body.addEventListener("htmx:beforeSwap", (e: Event) => {
const target = (e as CustomEvent).detail?.target as HTMLElement | null;
if (target && currentContainer && target.contains(currentContainer)) {
teardownPlayer();
}
});