Esc key exit fullscreen icon change

2023-09-12 20:04:49 +02:00
parent 4d78600b11
commit 755ef2ecd0
1 changed files with 8 additions and 6 deletions
--- a/src/ts/fullscreen.ts
+++ b/src/ts/fullscreen.ts
@@ -89,13 +89,15 @@ onDOMContentLoaded(() => {
  })
  document.addEventListener('keydown', event => {
    event.preventDefault()
-    if (event.key === 'Escape' && document.fullscreenEnabled) {
-      const target = event.target as HTMLElement
-      const fsButton = target.closest(SELECTOR_FULLSCREEN_TOGGLE) as HTMLElement | undefined
+    if (event.key === 'Escape') {
+      const iconMaximize = document.querySelector<HTMLElement>(SELECTOR_MAXIMIZE_ICON)
+      const iconMinimize = document.querySelector<HTMLElement>(SELECTOR_MINIMIZE_ICON)
+      if (iconMaximize) {
+        iconMaximize.style.display = 'block'
+      }

-      if (fsButton) {
-        const data = new FullScreen(fsButton)
-        data.toggleFullScreen()
+      if (iconMinimize) {
+        iconMinimize.style.display = 'none'
      }
    }
  })