Fix #8366

.vscode/launch.json

@@ -55,6 +55,20 @@
             ]
         },
         {
+            "name": "Launch sandbox (Edge)",
+            "type": "edge",
+            "version": "dev",
+            "request": "launch",
+            "url": "http://localhost:1338/sandbox/index-local.html",
+            "webRoot": "${workspaceRoot}/",
+            "sourceMaps": true,
+            "preLaunchTask": "run",
+            "userDataDir": "${workspaceRoot}/.tempChromeProfileForDebug",
+            "runtimeArgs": [
+                "--enable-unsafe-es3-apis"
+            ]
+        },
+        {
             "name": "Launch playground (Chrome)",
             "type": "chrome",
             "request": "launch",

sandbox/index.js

@@ -340,8 +340,8 @@ if (BABYLON.Engine.isSupported()) {
         // Press space to toggle footer
         if (event.keyCode === 32 && event.target.nodeName !== "INPUT") {
             if (footer.style.display === "none") {
-                footer.style.display = "block";
-                canvasZone.style.height = "calc(100% - 56px)";
+                footer.style.display = "grid";
+                canvasZone.style.height = "calc(100% - var(--footer-height))";
                 if (debugLayerEnabled) {
                     currentScene.debugLayer.show();
                 }