navbar has-dropdown

[dan-lettusgrow]

Hi,

I've been trying to migrate from the old bulma navbar to the new buefy component in 0.8, but have been struggling to reimplement menu dropdowns similar to those in the bulma docs, as seen on https://bulma.io/documentation/components/navbar/ with the hoverable more entry.

The fact that the buefy docs don't show one like the bulma makes me suspect that this isn't implemented yet - is this the case or am I simply not implementing it correctly?

[service-paradis]

You can add your own hoverabke dropdown into a navbar-item. Something like this should work:
https://codepen.io/service-paradis/pen/MWgoGYo

[dan-lettusgrow]

Thanks for the code sample! While this combined with the bulma css makes for a good experience on desktop, it falls apart once the hamburger menu is taken into account - it behaves exactly the same, where preferrably you'd have more of a menu style situation, which is what happens with the bulma version component.

[service-paradis]

By adding class="has-dropdown is-hoverable" to the navbar-item, the look is better. But you are right that this is not exactly the same as Bulma.

[hoquangthaiholy]

I also got a problem with navbar dropdown position. In this case, right menu :(

[hoquangthaiholy]

I found in source code. This component support right/boxed but it's not mentioned in document. Solved, Thanks.

[jtommy]

@hoquangthaiholy You have to wait the next release