fix: disable fullscreen on ios

davwheat · Jun 8, 2024 · 2f391b8 · 2f391b8
1 parent cba6be1
commit 2f391b8
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/AmeyLiveTrainAnnouncements.tsx b/src/components/AmeyLiveTrainAnnouncements.tsx
@@ -1577,7 +1577,14 @@ export function LiveTrainAnnouncements<SystemKeys extends string>({
             css={{
               marginBottom: 16,
             }}
-            onClick={() => setFullscreen(true)}
+            onClick={() => {
+              // Is iPhone
+              if (navigator.userAgent.match(/iPhone/i)) {
+                alert('iPhones do not support the Fullscreen API. Please use a different device to use this feature.')
+              } else {
+                setFullscreen(true)
+              }
+            }}
           >
             <span className="buttonLabel">
               <FullscreenIcon /> Fullscreen