From 52f58b8ea481af92360c7fb783b7f44023600fdc Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Fri, 17 Mar 2023 22:57:44 -0400
Subject: [PATCH] Don't trigger hover autoplay from hovering over thumbnail
 label

---
 src/utils/thumbnails.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

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");