From 92786450693668910b24ca3a2efe36e3db86362b Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 26 Dec 2022 01:09:19 +0800
Subject: [PATCH] Another attempt at fixing GIF not autoplaying on Mobile
 Safari

---
 src/components/status.css |  1 +
 src/components/status.jsx | 21 +++++++++++++--------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index 69854ba4..a5b3e8b4 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -374,6 +374,7 @@
 }
 .status .media-gif video {
   object-fit: cover;
+  pointer-events: none;
 }
 .status .media-audio {
   border: 0;
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 7088168e..7651f03e 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -755,14 +755,19 @@ function Media({ media, showOriginal, onClick = () => {} }) {
             rgbAverageColor && `rgb(${rgbAverageColor.join(',')})`,
         }}
         onClick={(e) => {
-          if (showOriginal && isGIF) {
-            try {
-              if (videoRef.current.paused) {
-                videoRef.current.play();
-              } else {
-                videoRef.current.pause();
-              }
-            } catch (e) {}
+          if (isGIF) {
+            // Hmm, the videoRef might conflict here
+            if (showOriginal) {
+              try {
+                if (videoRef.current.paused) {
+                  videoRef.current.play();
+                } else {
+                  videoRef.current.pause();
+                }
+              } catch (e) {}
+            } else {
+              videoRef.current.pause();
+            }
           }
           onClick(e);
         }}