v2

src/ui/fullscreen.ts

@@ -8,25 +8,40 @@ export class Fullscreen {
 		}
 
 		document.addEventListener('keydown', (event) => {
-			if (event.shiftKey && event.key === 'F') {
-				this.toggle();
+			if (event.key === 'F11') {
+				event.preventDefault();
+				this.enterFullscreen();
+			} else if (event.shiftKey && event.key === 'F') {
+				this.exitFullscreen();
 			}
 		});
 	}
 
-	toggle() {
+	enterFullscreen() {
+		this.button.classList.add('fullscreenMode');
+		this.button
+			.querySelectorAll('.fullscreen__title')
+			.forEach((el) => (el.textContent = 'Contract'));
+		document.getElementById('AncientBeast').requestFullscreen();
+	}
+
+	exitFullscreen() {
 		if (isAppInNativeFullscreenMode()) {
 			this.button.classList.remove('fullscreenMode');
 			this.button
 				.querySelectorAll('.fullscreen__title')
 				.forEach((el) => (el.textContent = 'FullScreen'));
 			document.exitFullscreen();
 		} else {
-			this.button.classList.add('fullscreenMode');
-			this.button
-				.querySelectorAll('.fullscreen__title')
-				.forEach((el) => (el.textContent = 'Contract'));
-			document.getElementById('AncientBeast').requestFullscreen();
+			alert('Use F11 to exit fullscreen');
+		}
+	}
+
+	toggle() {
+		if (isAppInNativeFullscreenMode()) {
+			this.exitFullscreen();
+		} else {
+			this.enterFullscreen();
 		}
 	}
 }