From 233049cf6dcdb7b51ef3aa737e38a4e89228fdb1 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Mon, 27 Apr 2026 14:55:17 +0300
Subject: [PATCH] fix: sidedrawer bug on webkit browsers

---
 src/routes/Player/SideDrawer/SideDrawer.less | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index e6831a71d..31168db22 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -26,6 +26,17 @@
     transition: transform 0.3s ease-in-out;
     z-index: 1;
 
+    // Safari has a compositing bug where transform animations on a parent with
+    // scrollable children causes the video player element to shift left during the animation.
+    // Disable the slide animation on Safari until WebKit resolves this.
+    @supports (hanging-punctuation: first) and (-webkit-appearance: none) {
+        &:global(.slide-left-enter),
+        &:global(.slide-left-active),
+        &:global(.slide-left-exit) {
+            transition: none;
+        }
+    }
+
     .close-button {
         display: none;
         position: absolute;