fixes #132

subato-web/src/app/solutions/shared/solution-ide/maximize.directive.ts

@@ -5,8 +5,8 @@ import {
     Inject,
     Renderer2,
 } from '@angular/core';
-import {BehaviorSubject} from 'rxjs';
-import {DOCUMENT, ViewportScroller} from '@angular/common';
+import { BehaviorSubject } from 'rxjs';
+import { DOCUMENT, ViewportScroller } from '@angular/common';
 
 // https://sreyaj.dev/fullscreen-toggle-angular-using-directives
 // + enhanced by .noscroll + esc key + restore scroll pos
@@ -49,7 +49,7 @@ export class MaximizeDirective {
         }
     }
 
-    @HostListener('document:keyup.escape', ['$event']) onEscKeyUpHandler(
+    @HostListener('document:keyup.escape', ['$event']) onEscKeyUpPressed(
         event: KeyboardEvent
     ) {
         let isMaximized = this.isMaximizedSubject?.getValue();
@@ -57,4 +57,12 @@ export class MaximizeDirective {
             this.minimize();
         }
     }
+
+    @HostListener('window:popstate', ['$event'])
+    onWindowPopstateChanged(event: Event) {
+        let isMaximized = this.isMaximizedSubject?.getValue();
+        if (isMaximized) {
+            this.minimize();
+        }
+    }
 }