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
This commit is contained in:
Claude 2026-03-21 09:02:48 +00:00
parent 4a35ce1f70
commit 6f70c1511d
No known key found for this signature in database

View File

@ -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">