fix(module:dropdown): fix dropdown style conflict with material style (…

…NG-ZORRO#3290) close NG-ZORRO#3241
hsuanxyz · Apr 17, 2019 · 07c61c0 · 07c61c0
1 parent 031ba8f
commit 07c61c0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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({