From e30a9be6b8431ee3bed1cdb9bad9cf8ef71bcb41 Mon Sep 17 00:00:00 2001 From: vthinkxie Date: Wed, 17 Apr 2019 15:39:26 +0800 Subject: [PATCH] fix(module:dropdown): fix dropdown style conflict with material style (#3290) close #3241 --- components/core/style/index.less | 7 +++++++ components/dropdown/nz-dropdown.service.ts | 1 + 2 files changed, 8 insertions(+) diff --git a/components/core/style/index.less b/components/core/style/index.less index 06938f0a2be..c9c96069288 100644 --- a/components/core/style/index.less +++ b/components/core/style/index.less @@ -217,6 +217,13 @@ } } +/** https://github.com/NG-ZORRO/ng-zorro-antd/issues/3241 **/ +.cdk-overlay-pane{ + &.nz-dropdown-panel { + display: block; + } +} + // hack tree css .ant-tree { &.ant-tree-show-line { diff --git a/components/dropdown/nz-dropdown.service.ts b/components/dropdown/nz-dropdown.service.ts index 8f3e124a1d3..e9dd9286b6f 100644 --- a/components/dropdown/nz-dropdown.service.ts +++ b/components/dropdown/nz-dropdown.service.ts @@ -26,6 +26,7 @@ export class NzDropdownService { this.overlayRef = this.overlay.create( new OverlayConfig({ scrollStrategy: this.overlay.scrollStrategies.close(), + panelClass: 'nz-dropdown-panel', positionStrategy: this.overlay .position() .flexibleConnectedTo({