Fix bug with stream chat not showing

hzrd149 · Oct 11, 2023 · c635b2b · c635b2b
1 parent 56ccdd7
commit c635b2b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/polite-trees-compete.md b/.changeset/polite-trees-compete.md
@@ -0,0 +1,5 @@
+---
+"nostrudel": patch
+---
+
+Fix bug with stream chat not showing on chromium based browsers
diff --git a/src/components/live-video-player.tsx b/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}
     />
   );

diff --git a/src/views/streams/stream/index.tsx b/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"
         />