fix(module:drawer): don't prevent events when is false

close NG-ZORRO#5350
hsuanxyz · Jun 16, 2020 · 5854622 · 5854622
1 parent d0c36d6
commit 5854622
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/components/drawer/drawer.component.ts b/components/drawer/drawer.component.ts
@@ -51,6 +51,7 @@ const NZ_CONFIG_COMPONENT_NAME = 'drawer';
         class="ant-drawer"
         [nzNoAnimation]="nzNoAnimation"
         [class.ant-drawer-open]="isOpen"
+        [class.no-mask]="!nzMask"
         [class.ant-drawer-top]="nzPlacement === 'top'"
         [class.ant-drawer-bottom]="nzPlacement === 'bottom'"
         [class.ant-drawer-right]="nzPlacement === 'right'"

diff --git a/components/drawer/drawer.spec.ts b/components/drawer/drawer.spec.ts
@@ -147,9 +147,11 @@ describe('NzDrawerComponent', () => {
     component.open();
     fixture.detectChanges();
     expect(overlayContainerElement.querySelector('.ant-drawer')!.classList.contains('ant-drawer-open')).toBe(true);
+    expect(overlayContainerElement.querySelector('.ant-drawer')!.classList.contains('no-mask')).toBe(true);
     expect(overlayContainerElement.querySelector('.ant-drawer .ant-drawer-mask')).toBe(null);
     component.showMask = true;
     fixture.detectChanges();
+    expect(overlayContainerElement.querySelector('.ant-drawer')!.classList.contains('no-mask')).toBe(false);
   });
 
   it('should set nzMaskStyle & nzBodyStyle', () => {