fix(maps): browser fullscreen is not supported by Safari for iPhone

one-zero-eight · Oct 11, 2024 · 49e6601 · 49e6601
1 parent 153228e
commit 49e6601
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/maps/MapView.tsx b/src/components/maps/MapView.tsx
@@ -16,10 +16,11 @@ export function MapView({ scene }: { scene: mapsTypes.SchemaScene }) {
 
   // Set fullscreen mode when the fullscreen state changes
   useEffect(() => {
+    // requestFullscreen and exitFullscreen are not supported on iPhone Safari
     if (fullscreen) {
-      document.body.requestFullscreen();
+      document.body.requestFullscreen?.();
     } else {
-      document.exitFullscreen();
+      document.exitFullscreen?.();
     }
   }, [fullscreen]);