UI: Fixed toggle to editor full-screen mode in JSON forms

ui-ngx/src/app/shared/components/json-form/json-form.component.ts

@@ -15,6 +15,7 @@
 ///
 
 import {
+  ChangeDetectorRef,
   Component,
   ElementRef,
   forwardRef,
@@ -113,7 +114,8 @@ export class JsonFormComponent implements OnInit, ControlValueAccessor, Validato
   constructor(public elementRef: ElementRef,
               private translate: TranslateService,
               private dialogs: DialogService,
-              protected store: Store<AppState>) {
+              protected store: Store<AppState>,
+              private cd: ChangeDetectorRef) {
   }
 
   ngOnInit(): void {
@@ -216,8 +218,8 @@ export class JsonFormComponent implements OnInit, ControlValueAccessor, Validato
   }
 
   private onIconClick(key: (string | number)[],
-                       val: string,
-                       iconSelectedFn: (icon: string) => void) {
+                      val: string,
+                      iconSelectedFn: (icon: string) => void) {
     this.dialogs.materialIconPicker(val).subscribe((icon) => {
       if (icon && iconSelectedFn) {
         iconSelectedFn(icon);
@@ -229,6 +231,7 @@ export class JsonFormComponent implements OnInit, ControlValueAccessor, Validato
     this.targetFullscreenElement = element;
     this.isFullscreen = !this.isFullscreen;
     this.fullscreenFinishFn = fullscreenFinishFn;
+    this.cd.markForCheck();
   }
 
   onFullscreenChanged(fullscreen: boolean) {