From f5bedbe36749c27c9e52467130b2690aa76f9218 Mon Sep 17 00:00:00 2001
From: xuecong <>
Date: Tue, 16 Nov 2021 17:16:02 +0800
Subject: [PATCH] =?UTF-8?q?fix=20web=E7=AB=AF=E5=85=A8=E5=B1=8F=E5=90=8E?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E4=B8=8D=E8=B7=9F=E9=9A=8F=E5=85=A8=E5=B1=8F?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=9B=B4=E6=96=B0=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/app/components/topbar.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/web/src/views/app/components/topbar.vue b/web/src/views/app/components/topbar.vue
index 80d5026..2e8a0e0 100644
--- a/web/src/views/app/components/topbar.vue
+++ b/web/src/views/app/components/topbar.vue
@@ -178,9 +178,17 @@ export default {
         this.onResize();
 
         window.addEventListener('resize', this.onResize, false);
+        document.addEventListener('fullscreenchange', this.onFullScreenChange, false);
+        document.addEventListener('mozfullscreenchange', this.onFullScreenChange, false);
+        document.addEventListener('webkitfullscreenchange', this.onFullScreenChange, false);
+        document.addEventListener('msfullscreenchange', this.onFullScreenChange, false);
     },
     beforeDestroy() {
         window.removeEventListener('resize', this.onResize);
+        document.removeEventListener('fullscreenchange', this.onFullScreenChange);
+        document.removeEventListener('mozfullscreenchange', this.onFullScreenChange);
+        document.removeEventListener('webkitfullscreenchange', this.onFullScreenChange);
+        document.removeEventListener('msfullscreenchange', this.onFullScreenChange);
     },
     methods: {
         ...mapActions({
@@ -206,6 +214,15 @@ export default {
                 this.showMenu = true;
             });
         },
+        onFullScreenChange() {
+            this.inFullScreen = !!(
+                document.fullscreen ||
+                document.mozFullScreen ||
+                document.webkitIsFullScreen ||
+                document.webkitFullScreen ||
+                document.msFullScreen
+            );
+        },
         updateCollapse() {
             if (this.mediaQuery === 'xs') {
                 this.updateMobileMenuVisible();
@@ -243,8 +260,6 @@ export default {
                 } else if (document.msExitFullscreen) {
                     document.msExitFullscreen();
                 }
-
-                this.inFullScreen = false;
             } else {
                 const el = document.documentElement;
                 const rfs =
@@ -254,7 +269,6 @@ export default {
                     el.msRequestFullScreen;
 
                 rfs.call(el);
-                this.inFullScreen = true;
             }
         },
         logout() {