Fix bug with stream chat not showing

.changeset/polite-trees-compete.md

@@ -0,0 +1,5 @@
+---
+"nostrudel": patch
+---
+
+Fix bug with stream chat not showing on chromium based browsers

src/components/live-video-player.tsx

@@ -57,7 +57,6 @@ export function LiveVideoPlayer({
       autoPlay={autoPlay}
       poster={poster}
       muted={muted}
-      style={{ maxHeight: "100%", maxWidth: "100%", width: "100%" }}
       {...props}
     />
   );

src/views/streams/stream/index.tsx

@@ -102,11 +102,13 @@ function DesktopStreamPage({ stream }: { stream: ParsedStream }) {
         <StreamDebugButton stream={stream} variant="ghost" />
         <Button onClick={() => setShowChat((v) => !v)}>{showChat ? "Hide" : "Show"} Chat</Button>
       </Flex>
-      <Flex gap="2" maxH="calc(100vh - 4rem)">
+      <Flex gap="2" maxH="calc(100vh - 4rem)" overflow="hidden">
         <LiveVideoPlayer
           stream={stream.streaming || stream.recording}
           autoPlay={!!stream.streaming}
           poster={stream.image}
+          // NOTE: width=0 is used for chromium browser to stop the video element from pushing the chat off screen
+          w={0}
           flexGrow={1}
           mx="auto"
         />