Don't trigger hover autoplay from hovering over thumbnail label

1 files changed, 9 insertions, 0 deletions

diff --git a/src/utils/thumbnails.ts b/src/utils/thumbnails.ts
index a0009e7c..4aec8d39 100644
--- a/src/utils/thumbnails.ts
+++ b/src/utils/thumbnails.ts
@@ -60,6 +60,15 @@ function createOrGetThumbnail(thumbnail: HTMLImageElement): { overlay: HTMLEleme
 
     const overlay = document.createElement("div") as HTMLElement;
     overlay.classList.add("sponsorThumbnailLabel");
+    // Disable hover autoplay
+    overlay.addEventListener("pointerenter", (e) => {
+        e.stopPropagation();
+        thumbnail.dispatchEvent(new PointerEvent("pointerleave", { bubbles: true }));
+    });
+    overlay.addEventListener("pointerleave", (e) => {
+        e.stopPropagation();
+        thumbnail.dispatchEvent(new PointerEvent("pointerenter", { bubbles: true }));
+    });
 
     const icon = createSBIconElement();
     const text = document.createElement("span");