Dropdown not working properly

<div class="dropup" dropdown style="margin-top: 50vh" [dropup]="true" >

<button *ngIf="condition1" type="button" class="btn btn-deep-purple waves-light w-100"mdbRippleRadius (click)="action()"dropdownToggle>Text<iclass="fa fa-chevron-right"></i></button>

<div class="dropdown-menu dropdown-menu-right">

<a *ngIf="condition2" class="dropdown-item" (click)="action2()">Text2</a>

<a *ngIf="condition3" class="dropdown-item" (click)="action3()">Text3</a>

</div>

</div>

Arsenii pro commented 7 years ago

Dear Damian, Your example works, except for I removed "style= ... " since I have several buttons directly above dropdown button and can't afford such place reserving. The only problem is that this dropdown doesn't provide material style even with applying "dropdown-primary" class to dropdown menu. Do you know how to resolve the issue? Best Regards, Arsenii

---

Damian Gemza staff commented 7 years ago

Dear Arsenii, Please open assets/scss/pro/_dropdowns.scss file, and in line .dropdown { } add also .dropup class. After this, your problem will be gone. Best Regards, Damian

---