Hi Marta,

I just got a chance to test the new version of the MDB (4.8.9).The dropdown is working as expected now.Thank you for the fix.

Hi Marta,

The issue also exists in one of your examples.https://mdbootstrap.com/snippets/jquery/mdbootstrap/102472 On desktop and small mobile device, the dropdown is working fine.However, on tablet (10.5" iPad Pro in portrait orientation) and larger mobile device (on a plus-size iPhone) the dropdown is hidden inside the navbar, as the screenshots I posted earlier.

Hi,

would you paste here a link to your snippet? Because in mine here: https://mdbootstrap.com/snippets/jquery/marta-szymanska/1106168?view=project I don't see this problem.

Best, Marta

Hi,

I have the same issue with the dropdown menu on the navbar. The dropdown is working fine on desktop and small phone. However, when it comes to larger phone or tablet, the dropdown is hidden inside the navbar. I have to scroll the navbar to see the contents of the dropdown.

On desktop, the dropdown is working as expect.

The dropdown is also working as expect on small phone.

However, the dropdown menu is hidden inside the navbar on large phone and tablet.

Need to scroll the navbar to see the contents.

Is there any method is fix this issue without falling back to the normal Bootstrap behaviours?

Hi Marta,

Thank you for your interest in the problem

In your example, if I activate Dropdown and resize the page under 1222px, I have the same problem. Starting from 1223px, it is correct

There are several resolutions where the bug appears and / or disappears

Hi,

in our documentation here: https://mdbootstrap.com/snippets/jquery/mdbootstrap/102472 there is no hidden scrollable dropdown. Which version of MDB do you have @COTIGA? Would you paste here a link to your demo? We will inspect the problem and try to fix this as soon as possible.

Best, Marta

HIHave the same problem

To regain normal bootstrap behavior

@media (max-width: 991px) {
    .navbar .dropdown-menu {
        position: static !important;
    }
}
@media (max-width: 767px) and (min-width: 400px), (max-width: 850px) and (min-width: 800px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        /* max-height: 340px; */
        max-height: initial;
    }
}

Hi,

this is a normal behavior of dropdown because dropdown is fixed. How would you like to dropdown behave?

Best, Marta