Workaround for scroll issue

src/app/cartography/components/d3-map/d3-map.component.ts

@@ -104,6 +104,14 @@ export class D3MapComponent implements OnInit, OnChanges, OnDestroy {
     this.mapSettings.isReadOnly = value;
   }
 
+  resize(val: boolean) {
+    if (val) {
+      this.svg.attr('height', window.innerHeight + window.scrollY - 16);
+    } else {
+      this.svg.attr('height', this.height);
+    }
+  }
+
   ngOnChanges(changes: { [propKey: string]: SimpleChange }) {
     if (
       (changes['width'] && !changes['width'].isFirstChange()) ||
@@ -158,6 +166,7 @@ export class D3MapComponent implements OnInit, OnChanges, OnDestroy {
     );
 
     this.gridVisibility = localStorage.getItem('gridVisibility') === 'true' ? 1 : 0;
+    this.mapSettingsService.isScrollDisabled.subscribe(val => this.resize(val));
   }
 
   ngOnDestroy() {

src/app/components/project-map/console-wrapper/console-wrapper.component.html

@@ -53,7 +53,7 @@
 
     <app-log-console [hidden]="!(selected.value===0) || isMinimized" [server]="server" [project]="project"></app-log-console>
 
-    <div class="xterm-console" [hidden]="isMinimized" *ngFor="let node of nodes; let index = index">
+    <div (mouseover)="disableScroll($event)" (mouseout)="enableScroll($event)" class="xterm-console" [hidden]="isMinimized" *ngFor="let node of nodes; let index = index">
         <app-web-console [hidden]="!(selected.value===(index+1))" [server]="server" [node]="nodes[index]"></app-web-console>
     </div>
 </div>

src/app/components/project-map/console-wrapper/console-wrapper.component.ts

@@ -7,6 +7,7 @@ import { ThemeService } from '../../../services/theme.service';
 import { FormControl } from '@angular/forms';
 import { NodeConsoleService } from '../../../services/nodeConsole.service';
 import { Node } from '../../../cartography/models/node';
+import { MapSettingsService } from '../../../services/mapsettings.service';
 
 
 @Component({
@@ -33,7 +34,8 @@ export class ConsoleWrapperComponent implements OnInit {
 
     constructor(
         private consoleService: NodeConsoleService,
-        private themeService: ThemeService
+        private themeService: ThemeService,
+        private mapSettingsService: MapSettingsService
     ) {}
 
     nodes: Node[] = [];
@@ -148,4 +150,12 @@ export class ConsoleWrapperComponent implements OnInit {
     close() {
         this.closeConsole.emit(false);
     }
+
+    enableScroll(e) {
+        this.mapSettingsService.isScrollDisabled.next(false);
+    }
+
+    disableScroll(e) {
+        this.mapSettingsService.isScrollDisabled.next(true);
+    }
 }

src/app/services/mapsettings.service.ts

@@ -3,6 +3,7 @@ import { Subject } from 'rxjs';
 
 @Injectable()
 export class MapSettingsService {
+    public isScrollDisabled = new Subject<boolean>();
     public isMapLocked = new Subject<boolean>();
     public isTopologySummaryVisible: boolean = true;
     public isLogConsoleVisible: boolean = false;