fix(ios): fullscreen API not supported

IGNF · Oct 21, 2024 · f559f48 · f559f48
1 parent 0e85227
commit f559f48
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/src/js/controls.js b/src/js/controls.js
@@ -97,6 +97,19 @@ const addControls = () => {
     // contrôle fullscreen
     map.addControl(new maplibregl.FullscreenControl(), "top-right");
     DOM.$fullScreenBtn = document.querySelector(".maplibregl-ctrl-top-right > .maplibregl-ctrl");
+    DOM.$fullScreenBtn.addEventListener("click", () => {
+      setTimeout(() => {
+        if (DOM.$fullScreenBtn.querySelector("button").classList.contains("maplibregl-ctrl-shrink")) {
+          DOM.$map.appendChild(DOM.$interactivityBtn);
+          DOM.$map.appendChild(DOM.$mapScale);
+          Globals.interactivityIndicator.hardDisable();
+        } else {
+          DOM.$map.parentNode.parentNode.appendChild(DOM.$interactivityBtn);
+          DOM.$bottomButtons.appendChild(DOM.$mapScale);
+          Globals.interactivityIndicator.enable();
+        }
+      }, 50);
+    });
 
     // contrôle d'intéractivité de la carte
     Globals.mapInteractivity = new MapInteractivity(map, {});

diff --git a/src/js/event-listeners.js b/src/js/event-listeners.js
@@ -301,18 +301,6 @@ function addListeners() {
       }
     });
   });
-
-  DOM.$map.addEventListener("fullscreenchange", () => {
-    if (document.fullscreenElement) {
-      DOM.$map.appendChild(DOM.$interactivityBtn);
-      DOM.$map.appendChild(DOM.$mapScale);
-      Globals.interactivityIndicator.hardDisable();
-    } else {
-      DOM.$map.parentNode.parentNode.appendChild(DOM.$interactivityBtn);
-      DOM.$bottomButtons.appendChild(DOM.$mapScale);
-      Globals.interactivityIndicator.enable();
-    }
-  });
 }
 
 export default {