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

iakin pro asked 5 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 5 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 5 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 5 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 5 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 5 years ago

thank you ! πŸ‘πŸ‘πŸ‘ :-)



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.4
  • Device: MacBook Air
  • Browser: Chrome
  • OS: MacOS Mojave 10.14.5
  • Provided sample code: No
  • Provided link: No