From 6f70c1511de61237d2c911ace4ab7de98ffacfa0 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 21 Mar 2026 09:02:48 +0000
Subject: [PATCH] Fix ui.rotate in HlsVideoPlayer: broken CSS height chain on
 desktop

TransformComponent's contentStyle had height: undefined on desktop,
so the rotate container's ResizeObserver measured height=0, causing
the inner div to get width=0 and the video to be invisible.

Adding || rotate to the height condition ensures the height chain is
intact when rotation is active, matching the isMobile path that already
set height: "100%".

https://claude.ai/code/session_01CDLHQPGpf8w44jpsG8g8nM
---
 web/src/components/player/HlsVideoPlayer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index 5d6b2d170..8125cd012 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -379,7 +379,7 @@ export default function HlsVideoPlayer({
         }}
         contentStyle={{
           width: "100%",
-          height: isMobile ? "100%" : undefined,
+          height: isMobile || rotate ? "100%" : undefined,
         }}
       >
         <div className="relative size-full">