From cf4a592804ba69040b62ca42556aa5b142f1597e Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Fri, 19 Dec 2025 17:30:55 +0100
Subject: [PATCH] Fix player menu not disappearing

---
 front/src/ui/player/controls/index.tsx | 87 +++++++++++++-------------
 front/src/ui/player/index.tsx          |  2 +-
 2 files changed, 45 insertions(+), 44 deletions(-)

diff --git a/front/src/ui/player/controls/index.tsx b/front/src/ui/player/controls/index.tsx
index 366acfa7..dded654d 100644
--- a/front/src/ui/player/controls/index.tsx
+++ b/front/src/ui/player/controls/index.tsx
@@ -50,50 +50,51 @@ export const Controls = ({
 				player={player}
 				forceShow={hover || menuOpenned}
 				{...css(StyleSheet.absoluteFillObject)}
-			/>
-			<Back
-				name={name}
-				{...css(
-					{
-						position: "absolute",
-						top: 0,
-						left: 0,
-						right: 0,
-						bg: (theme) => theme.darkOverlay,
-						paddingTop: insets.top,
-						paddingLeft: insets.left,
-						paddingRight: insets.right,
-					},
-					hoverControls,
+			>
+				<Back
+					name={name}
+					{...css(
+						{
+							position: "absolute",
+							top: 0,
+							left: 0,
+							right: 0,
+							bg: (theme) => theme.darkOverlay,
+							paddingTop: insets.top,
+							paddingLeft: insets.left,
+							paddingRight: insets.right,
+						},
+						hoverControls,
+					)}
+				/>
+				{isTouch && (
+					<MiddleControls player={player} previous={previous} next={next} />
 				)}
-			/>
-			{isTouch && (
-				<MiddleControls player={player} previous={previous} next={next} />
-			)}
-			<BottomControls
-				player={player}
-				name={subName}
-				poster={poster}
-				chapters={chapters}
-				previous={previous}
-				next={next}
-				setMenu={setMenu}
-				{...css(
-					{
-						// Fixed is used because firefox android make the hover disappear under the navigation bar in absolute
-						// position: Platform.OS === "web" ? ("fixed" as any) : "absolute",
-						position: "absolute",
-						bottom: 0,
-						left: 0,
-						right: 0,
-						bg: (theme) => theme.darkOverlay,
-						paddingLeft: insets.left,
-						paddingRight: insets.right,
-						paddingBottom: insets.bottom,
-					},
-					hoverControls,
-				)}
-			/>
+				<BottomControls
+					player={player}
+					name={subName}
+					poster={poster}
+					chapters={chapters}
+					previous={previous}
+					next={next}
+					setMenu={setMenu}
+					{...css(
+						{
+							// Fixed is used because firefox android make the hover disappear under the navigation bar in absolute
+							// position: Platform.OS === "web" ? ("fixed" as any) : "absolute",
+							position: "absolute",
+							bottom: 0,
+							left: 0,
+							right: 0,
+							bg: (theme) => theme.darkOverlay,
+							paddingLeft: insets.left,
+							paddingRight: insets.right,
+							paddingBottom: insets.bottom,
+						},
+						hoverControls,
+					)}
+				/>
+			</TouchControls>
 		</View>
 	);
 };
diff --git a/front/src/ui/player/index.tsx b/front/src/ui/player/index.tsx
index cf0d9058..a646b124 100644
--- a/front/src/ui/player/index.tsx
+++ b/front/src/ui/player/index.tsx
@@ -20,8 +20,8 @@ import { Back } from "./controls/back";
 import { toggleFullscreen } from "./controls/misc";
 import { PlayModeContext } from "./controls/tracks-menu";
 import { useKeyboard } from "./keyboard";
-import { enhanceSubtitles } from "./subtitles";
 import { useProgressObserver } from "./progress-observer";
+import { enhanceSubtitles } from "./subtitles";
 
 const clientId = uuidv4();