From 170e2a696e724c8d3bcb92e6475554782df589c6 Mon Sep 17 00:00:00 2001
From: JellyBrick <shlee1503@naver.com>
Date: Wed, 27 Sep 2023 17:13:51 +0900
Subject: [PATCH] cherry-picked: Fixed canvas injected at the wrong position

Co-authored-by: MiepHD <63968466+MiepHD@users.noreply.github.com>
---
 plugins/visualizer/empty-player.css | 12 ++++--------
 plugins/visualizer/front.ts         |  4 +---
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/plugins/visualizer/empty-player.css b/plugins/visualizer/empty-player.css
index 15b4043b..d7d112d8 100644
--- a/plugins/visualizer/empty-player.css
+++ b/plugins/visualizer/empty-player.css
@@ -1,9 +1,5 @@
-#player {
-  margin: 0 !important;
-  background: black;
-}
-
-#song-image,
-#song-video {
-  display: none !important;
+#visualizer {
+  position: absolute;
+  z-index: 1;
+  background-color: black;
 }
diff --git a/plugins/visualizer/front.ts b/plugins/visualizer/front.ts
index 9274a3cd..1b91cee0 100644
--- a/plugins/visualizer/front.ts
+++ b/plugins/visualizer/front.ts
@@ -33,9 +33,7 @@ export default (options: ConfigType<'visualizer'>) => {
       if (!canvas) {
         canvas = document.createElement('canvas');
         canvas.id = 'visualizer';
-        canvas.style.position = 'absolute';
-        canvas.style.background = 'black';
-        visualizerContainer.append(canvas);
+        visualizerContainer.prepend(canvas);
       }
 
       const resizeCanvas = () => {