From 29abc0cf25f344f5ced369829eb132d35b352ffe Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Fri, 7 Nov 2025 15:08:49 -0700
Subject: [PATCH] Revert "fix some grey overlays on the video player with some
 browsers"

This reverts commit 324cff18cc36361bda5c2db7f6e3eb04b19bf7d8.
---
 src/components/player/atoms/ProgressBar.tsx        | 5 +----
 src/components/player/base/SubtitleView.tsx        | 1 -
 src/components/player/internals/VideoContainer.tsx | 1 -
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/player/atoms/ProgressBar.tsx b/src/components/player/atoms/ProgressBar.tsx
index 17af477a..90b91dcc 100644
--- a/src/components/player/atoms/ProgressBar.tsx
+++ b/src/components/player/atoms/ProgressBar.tsx
@@ -62,10 +62,7 @@ function ThumbnailDisplay(props: { at: number; show: boolean }) {
                 className="h-24 border rounded-xl border-gray-800"
               />
             )}
-            <p
-              className="mt-1 mx-auto text-center border rounded-xl border-gray-800 px-3 py-1 backdrop-blur-lg bg-black bg-opacity-20 w-max"
-              style={{ isolation: "isolate" }}
-            >
+            <p className="mt-1 mx-auto text-center border rounded-xl border-gray-800 px-3 py-1 backdrop-blur-lg bg-black bg-opacity-20 w-max">
               {formattedTime}
             </p>
           </div>
diff --git a/src/components/player/base/SubtitleView.tsx b/src/components/player/base/SubtitleView.tsx
index 3339d315..83a6946b 100644
--- a/src/components/player/base/SubtitleView.tsx
+++ b/src/components/player/base/SubtitleView.tsx
@@ -98,7 +98,6 @@ export function CaptionCue({
           styling.backgroundBlur !== 0
             ? `blur(${Math.floor(styling.backgroundBlur * 64)}px)`
             : "none",
-        isolation: styling.backgroundBlur !== 0 ? "isolate" : "auto",
         fontWeight: styling.bold ? "bold" : "normal",
         ...textEffectStyles,
       }}
diff --git a/src/components/player/internals/VideoContainer.tsx b/src/components/player/internals/VideoContainer.tsx
index ff935d51..89d34433 100644
--- a/src/components/player/internals/VideoContainer.tsx
+++ b/src/components/player/internals/VideoContainer.tsx
@@ -103,7 +103,6 @@ function VideoElement() {
     <video
       id="video-element"
       className="absolute inset-0 w-full h-screen bg-black"
-      style={{ isolation: "isolate" }}
       autoPlay
       playsInline
       ref={videoEl}