From e35358afd173aa77253c34f67b599654015367e3 Mon Sep 17 00:00:00 2001
From: anti <samuel@securejump.cl>
Date: Wed, 22 Apr 2026 18:12:38 -0400
Subject: [PATCH] feat(web/mazenet): fullscreen button also triggers browser
 fullscreen API

---
 decnet_web/src/components/MazeNET/MazeNET.tsx | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/decnet_web/src/components/MazeNET/MazeNET.tsx b/decnet_web/src/components/MazeNET/MazeNET.tsx
index ab5c71ae..d58b191f 100644
--- a/decnet_web/src/components/MazeNET/MazeNET.tsx
+++ b/decnet_web/src/components/MazeNET/MazeNET.tsx
@@ -57,6 +57,27 @@ const MazeNET: React.FC = () => {
     return () => document.body.classList.remove(cls);
   }, [fullscreen]);
 
+  // Request/exit browser fullscreen alongside the in-app chrome hide.
+  // Ignore failures (fullscreen requires a user gesture; the chrome-only
+  // mode still works if the API rejects).
+  useEffect(() => {
+    if (fullscreen && !document.fullscreenElement) {
+      document.documentElement.requestFullscreen?.().catch(() => {});
+    } else if (!fullscreen && document.fullscreenElement) {
+      document.exitFullscreen?.().catch(() => {});
+    }
+  }, [fullscreen]);
+
+  // Sync state if the user presses F11/Esc to leave fullscreen from
+  // outside our button.
+  useEffect(() => {
+    const onFsChange = () => {
+      if (!document.fullscreenElement) setFullscreen(false);
+    };
+    document.addEventListener('fullscreenchange', onFsChange);
+    return () => document.removeEventListener('fullscreenchange', onFsChange);
+  }, []);
+
   useEffect(() => {
     const onKey = (e: KeyboardEvent) => {
       if (e.key === 'Escape' && fullscreen) setFullscreen(false);