fix(module:mune): 修正 overflow:hidden 样式导致的 bug

NG-ZORRO · Sep 24, 2017 · 24aa8e8 · 24aa8e8
1 parent a2e07d0
commit 24aa8e8
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/menu/nz-submenu.component.ts b/src/components/menu/nz-submenu.component.ts
@@ -11,12 +11,13 @@ import { debounceTime } from 'rxjs/operator/debounceTime';
   selector  : '[nz-submenu]',
   animations: [
     trigger('fadeAnimation', [
-      state('*', style({ opacity: 1, overflow: 'hidden' })),
+      state('*', style({ opacity: 1 })),
       transition('* => void', [
+        style({ overflow: 'hidden' }),
         animate(150, style({ opacity: 0, display: 'none', height: 0 }))
       ]),
       transition('void => *', [
-        style({ opacity: 0, height: 0 }),
+        style({ opacity: 0, height: 0, overflow: 'hidden' }),
         animate(150, style({ opacity: 1, height: '*' }))
       ])
     ])
@@ -157,6 +158,7 @@ export class NzSubMenuComponent implements OnInit, OnDestroy, AfterViewInit {
 
   ngOnInit() {
     debounceTime.call(this._$mouseSubject, 300).subscribe((data: boolean) => {
+      console.log(data);
       this.nzOpen = data;
     });
   }