Fix fullscreen support

joerick · joerick · commit 6e207f286d6f · 2021-07-26T14:10:06.000+01:00
diff --git a/public/index.html b/public/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">
+
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Nord webapp template</title>
   </head>
diff --git a/src/components/FullscreenButton.vue b/src/components/FullscreenButton.vue
@@ -22,7 +22,7 @@ export default {
   },
   methods: {
     fullscreen: function () {
-      window.document.documentElement.webkitRequestFullScreen();
+      window.document.documentElement.webkitRequestFullScreen({navigationUI: "hide"});
     },
     fullscreenDidChange: function () {
       this.showFullscreenButton = !document.webkitIsFullScreen;
