From ca173c2d583ae9281f515db1468fdd2a26702c4c Mon Sep 17 00:00:00 2001
From: Samidy <samidy@proton.me>
Date: Fri, 27 Feb 2026 23:36:19 +0300
Subject: [PATCH] fix(animated-covers): edis a fat worm

---
 js/app.js    | 4 +++-
 js/player.js | 4 ++++
 js/ui.js     | 6 ++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/js/app.js b/js/app.js
index 1cd8910..d256865 100644
--- a/js/app.js
+++ b/js/app.js
@@ -446,7 +446,9 @@ document.addEventListener('DOMContentLoaded', async () => {
         ui.setCurrentTrack(player.currentTrack);
     }
 
-    document.querySelector('.now-playing-bar .cover').addEventListener('click', async () => {
+    document.querySelector('.now-playing-bar').addEventListener('click', async (e) => {
+        if (!e.target.closest('.cover')) return;
+
         if (!player.currentTrack) {
             alert('No track is currently playing');
             return;
diff --git a/js/player.js b/js/player.js
index e7d7d48..de3d7c7 100644
--- a/js/player.js
+++ b/js/player.js
@@ -188,6 +188,7 @@ export class Player {
                             video.muted = true;
                             video.playsInline = true;
                             video.className = coverEl.className;
+                            video.id = coverEl.id;
                             coverEl.replaceWith(video);
                         }
                     } else {
@@ -195,6 +196,7 @@ export class Player {
                             const img = document.createElement('img');
                             img.src = coverUrl;
                             img.className = coverEl.className;
+                            img.id = coverEl.id;
                             coverEl.replaceWith(img);
                         } else {
                             coverEl.src = coverUrl;
@@ -408,6 +410,7 @@ export class Player {
                     video.muted = true;
                     video.playsInline = true;
                     video.className = coverEl.className;
+                    video.id = coverEl.id;
                     coverEl.replaceWith(video);
                 }
             } else {
@@ -415,6 +418,7 @@ export class Player {
                     const img = document.createElement('img');
                     img.src = coverUrl;
                     img.className = coverEl.className;
+                    img.id = coverEl.id;
                     coverEl.replaceWith(img);
                 } else {
                     coverEl.src = coverUrl;
diff --git a/js/ui.js b/js/ui.js
index ffe0bb6..a9db863 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -2291,6 +2291,7 @@ export class UIRenderer {
                     video.muted = true;
                     video.playsInline = true;
                     video.className = imageEl.className;
+                    video.id = imageEl.id;
                     imageEl.replaceWith(video);
                 } else {
                     imageEl.src = videoCoverUrl;
@@ -2300,6 +2301,7 @@ export class UIRenderer {
                     const img = document.createElement('img');
                     img.src = coverUrl;
                     img.className = imageEl.className;
+                    img.id = imageEl.id;
                     imageEl.replaceWith(img);
                 } else {
                     imageEl.src = coverUrl;
@@ -3042,6 +3044,7 @@ export class UIRenderer {
                             video.muted = true;
                             video.playsInline = true;
                             video.className = imageEl.className;
+                            video.id = imageEl.id;
                             imageEl.replaceWith(video);
                         } else {
                             imageEl.src = videoCoverUrl;
@@ -3051,6 +3054,7 @@ export class UIRenderer {
                             const img = document.createElement('img');
                             img.src = coverUrl;
                             img.className = imageEl.className;
+                            img.id = imageEl.id;
                             imageEl.replaceWith(img);
                         } else {
                             imageEl.src = coverUrl;
@@ -4085,6 +4089,7 @@ export class UIRenderer {
                     video.muted = true;
                     video.playsInline = true;
                     video.className = imageEl.className;
+                    video.id = imageEl.id;
                     imageEl.replaceWith(video);
                 } else {
                     imageEl.src = videoCoverUrl;
@@ -4094,6 +4099,7 @@ export class UIRenderer {
                     const img = document.createElement('img');
                     img.src = coverUrl;
                     img.className = imageEl.className;
+                    img.id = imageEl.id;
                     imageEl.replaceWith(img);
                 } else {
                     imageEl.src = coverUrl;