Dropdown and navbar

[danijelGombac]

I try use the new dropdown with popper, but i can't use it in navbar. Popper always add position absolute to dropdown. How to be used dropdown and navbar in mobile?

[Johann-S]

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via JS Bin or CodePen and report back with your link, Bootstrap version, and specific browser and OS details.

EDIT : I tried on Chrome with mobile emulator and I don't see any problem with that, see this file to know how to use dropdown with navbar : https://github.com/twbs/bootstrap/blob/v4-dev/js/tests/visual/dropdown.html#L13

[danijelGombac]

I was tried to create a JS Bin test, but alerted me: Sorry this bin is too large for as to save.

[danijelGombac]

The navbar css:

 .navbar-expand-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

But what can i see the position was overridden by popper and cannot be applied.

[Johann-S]

I made a CodePen and I don't see any issues here : https://codepen.io/Johann-S/pen/RVBoGM
Maybe I misunderstood something 😣

[danijelGombac]

Alpha 6 navbar for compared. Is different in mobile.

https://jsbin.com/cafeceyuwu/edit?html,css,js,output

[Johann-S]

Yes I see the display is different 👍
But why is it a problem for you ?

It seems it's some style I didn't removed from my PR when I added Popper

[danijelGombac]

I don't use navbar like in documentation. In mobile i move it to the left and is opened like a drawer:

http://git.blivesta.com/drawer/

This dropdown menu is not very good for my design. The old version can expand and is better looking.

[Johann-S]

Hmm ok I see thank you for the explanation 👍