From 2bdc664619ab04abbd45e755cad5d3d2613db7d0 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 6 Jun 2023 00:18:23 -0700
Subject: [PATCH] Fix animation transition on fullscreen player open

---
 .../features/player/components/full-screen-player.tsx        | 4 ++++
 src/renderer/layouts/default-layout/full-screen-overlay.tsx  | 5 +----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/renderer/features/player/components/full-screen-player.tsx b/src/renderer/features/player/components/full-screen-player.tsx
index 82fe0915..b1e26990 100644
--- a/src/renderer/features/player/components/full-screen-player.tsx
+++ b/src/renderer/features/player/components/full-screen-player.tsx
@@ -19,6 +19,9 @@ import { TableConfigDropdown } from '/@/renderer/components/virtual-table';
 import { Platform } from '/@/renderer/types';
 
 const Container = styled(motion.div)`
+  position: absolute;
+  top: 0;
+  left: 0;
   z-index: 200;
   display: flex;
   justify-content: center;
@@ -187,6 +190,7 @@ export const FullScreenPlayer = () => {
       custom={{ background, dynamicBackground, windowBarStyle }}
       exit="closed"
       initial="closed"
+      transition={{ duration: 2 }}
       variants={containerVariants}
     >
       <Controls />
diff --git a/src/renderer/layouts/default-layout/full-screen-overlay.tsx b/src/renderer/layouts/default-layout/full-screen-overlay.tsx
index 85899947..8e55b399 100644
--- a/src/renderer/layouts/default-layout/full-screen-overlay.tsx
+++ b/src/renderer/layouts/default-layout/full-screen-overlay.tsx
@@ -7,10 +7,7 @@ export const FullScreenOverlay = () => {
 
   return (
     <>
-      <AnimatePresence
-        initial={false}
-        mode="wait"
-      >
+      <AnimatePresence initial={false}>
         {isFullScreenPlayerExpanded && <FullScreenPlayer />}
       </AnimatePresence>
     </>