v4

src/ui/fullscreen.ts

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