[BUG] Default dropdown + dropup == Material dropdown

Topic: [BUG] Default dropdown + dropup == Material dropdown

iakin pro asked 4 years ago

Hello,

I found what I believe is a bug in the styling of dropdown when you want ti use the option dropup and stay with the default bootstrap design

Regards,

iakin

Expected behavior

By using the class "btn-group" : Default styling for the Bootstrap Dropdown component

Actual behavior

Like if I was using the class "dropdown" : The Material Design styling for Angular Bootstrap Dropdown component

Reason

By using the attribute [dropup]="true", the material design styling is forced

Resources (screenshots, code snippets etc.)

<div class="btn-group" mdbDropdown [dropup]="true">
<a mdbDropdownToggle type="button" mdbBtn color="light" class="..." mdbWavesEffect>
    <i class="far fa-sliders-h"></i>
</a>

<div class="dropdown-menu dropdown-menu-right dropdown-dark">
    <a class="dropdown-item">1</a>
    <a class="dropdown-item">2</a>
</div>

Bartosz Termena staff commented 4 years ago

We will take a closer look at this problem and let you know what we found.

Best Regards, Bartosz.

Bartosz Termena staff commented 4 years ago

Talking about default styling for the Bootstrap Dropdown component - you mean no fade-in and fade-out animation for dropdown?

Regards.

iakin pro commented 4 years ago

Hi, No, I wanted to talk about the background color of the dropdown-item, in "default" mode the background color is a light gray without shading, in material mode it is primary / secondary / ... (according to the class, example: dropdown-primary) with shading.

In the page https://mdbootstrap.com/docs/angular/components/dropdowns/ it's the difference between "Default dropdown" and "Material dropdown" on the dropdown-item.

Regards

Bartosz Termena staff commented 4 years ago

Dear @iakin

In the next version, new [dropupDefault]="boolean" Input will be added. It will be responsible for the default styling of dropup.

Best, Bartosz.

iakin pro commented 4 years ago

thank you ! :-)