From cf4c984f33986d88e563ab3e64923dceaa4a57fc Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Fri, 11 Sep 2026 01:01:40 -0400
Subject: [PATCH] fix bad video renders

---
 .../libs/components/lightbox-modal/src/lib/lightbox-modal.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx b/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
index ea497355a3..bd35c08ee4 100644
--- a/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
+++ b/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
@@ -584,7 +584,11 @@ export function LightboxModal({
                 controls
                 loop={true}
                 autoPlay={true}
+                playsInline
                 className="h-full w-full object-contain"
+                // Give WebKit a dedicated compositing layer for paused frames,
+                // independent of the modal's transform/opacity animation.
+                style={{ transform: "translateZ(0)" }}
                 onLoadedData={(e) => {
                   setMediaLoaded(true);
                   const el = e.currentTarget;