From 570b8d3d0909bd72a8a463481553ace1465daf91 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 18:08:15 +0000
Subject: [PATCH] Improve video display when hovering over elements

Adjust CSS to prevent unexpected overflow behavior when hovering over video elements, ensuring scrollable containers are preserved.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
---
 client/src/index.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index a50826b..a0e6c70 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -398,10 +398,8 @@ input[data-testid*="search"]::placeholder {
   isolation: auto !important;
 }
 
-/* Force all parent containers to be overflow visible when child is hovered */
-.individual-video-hover:hover,
-.individual-video-hover:hover ~ *,
-*:has(.individual-video-hover:hover) {
+/* Force specific parent containers to be overflow visible when child is hovered - but preserve scroll containers */
+*:has(.individual-video-hover:hover):not([class*="overflow-x-auto"]) {
   overflow: visible !important;
   clip-path: none !important;
 }