Update fullscreen_playcanvas.js

fullscreen_playcanvas.js

@@ -62,10 +62,15 @@
       top: 0 !important;
       left: 0 !important;
       width: 100vw !important;
+      /* dvh exclut la barre Safari sur iOS, fallback vh pour anciens navigateurs */
       height: 100vh !important;
+      height: 100dvh !important;
       max-width: 100vw !important;
       max-height: 100vh !important;
+      max-height: 100dvh !important;
       padding-bottom: 0 !important;
+      /* Compense la safe-area iOS (barre du bas) sur navigateurs sans dvh */
+      padding-bottom: env(safe-area-inset-bottom, 0px) !important;
       margin: 0 !important;
       z-index: 99999;
     }
@@ -146,10 +151,14 @@
     wrapper.style.top = '0';
     wrapper.style.left = '0';
     wrapper.style.width = '100vw';
-    wrapper.style.height = '100vh';
+    // dvh = dynamic viewport height : exclut la barre Safari sur iOS
+    // Le fallback 100vh est écrasé si dvh est supporté
+    wrapper.style.height = supportsVh100d ? '100dvh' : '100vh';
     wrapper.style.maxWidth = '100vw';
-    wrapper.style.maxHeight = '100vh';
-    wrapper.style.paddingBottom = '0';
+    wrapper.style.maxHeight = supportsVh100d ? '100dvh' : '100vh';
+    wrapper.style.paddingBottom = isIOS && !supportsVh100d
+      ? 'env(safe-area-inset-bottom, 0px)'
+      : '0';
     wrapper.style.margin = '0';
     wrapper.style.zIndex = '99999';
     wrapper.classList.add('fake-fullscreen');