@gravitee/ui-particles-angular 5.1.0 → 5.1.2

package/fesm2020/gravitee-ui-particles-angular.mjs

@@ -2116,11 +2116,13 @@ class GioSubmenuComponent {
             this.reduced = true;
             this.loaded = true;
         }), switchMap(() => this.gioMenuService.overlayObservable), tap(overlayOptions => {
-            const top = overlayOptions.top || 0;
             this.overlayOptions = overlayOptions;
-            this.gioSubmenu.nativeElement.style.top = `${top}px`;
-            this.gioSubmenu.nativeElement.style.height = 'auto';
-            this.gioSubmenu.nativeElement.style.maxHeight = `calc(100vh - ${top + 8}px)`;
+            if (overlayOptions.open) {
+                const top = overlayOptions.top || 0;
+                this.gioSubmenu.nativeElement.style.top = `${top}px`;
+                this.gioSubmenu.nativeElement.style.height = 'auto';
+                this.gioSubmenu.nativeElement.style.maxHeight = `calc(100vh - ${top + 8}px)`;
+            }
         }), filter(overlayOptions => !!overlayOptions.focus), delay(200), switchMap(() => of(this.gioSubmenu.nativeElement.querySelectorAll('gio-submenu-item'))), filter(submenuItems => submenuItems.length > 0), tap(submenuItems => submenuItems[0].focus()))
             .subscribe();
         this.gioMenuService.reduce
@@ -2146,7 +2148,7 @@ class GioSubmenuComponent {
     }
     onKeydownHandler(event) {
         of(this.reduced && event.key === 'Escape')
-            .pipe(filter(reducedAndEcape => reducedAndEcape), tap(() => this.gioMenuService.overlay({ open: false })), delay(100), tap(() => this.overlayOptions.parent?.focus()))
+            .pipe(filter(reducedAndEscape => reducedAndEscape), tap(() => this.gioMenuService.overlay({ open: false })), delay(100), tap(() => this.overlayOptions.parent?.focus()))
             .subscribe();
     }
 }