Flyout menu not working

[Josue]

Hello, 

I am trying to make a dropdown menu but it seems I am not getting it right, I don't know why

Here is the layout

Here are the module settings

Then, Its displayed like this:

No flyout 😞

Thanks you for your answers

[Kevin-C]

Hey @Josue 

If you've got a live demo we can troubleshoot we should be able to sniff out the issue rather easily.

Based on the last screenshot I might speculate that you're missing some CSS

[Josue]

No

Thanks 🙂

[Kevin-C]

Hey @Josue 

Yep at a glance it looks like there is no styling inplace for the menu which could be your issue. I can also see there are 2 events bound to the menu items, focus and mouseout. You may be missing the mouseover event but that just speculation.

I would get your JS working and tested.

Then style your menu using the resource that @Anton provided in this answer.

[Josue]

Then the Flyout option, what exactly it does? I tought it makes the menu a dropdown, so it does nothing? I need to make the dropdown with js? Styling is not important if flyout makes it functional for now, but it doesn't right? Documentation is not really specific. 

[Kevin-C]

Which documentation are you working from?

[Josue]

https://designers.hubspot.com/docs/building-blocks/menus-and-navigation#the-default-menu-modules

https://designers.hubspot.com/docs/building-blocks/menus-and-navigation/menu-tag

Also this is the tooltip in the module:

[Josue · Accepted solution]

I generated the dropdown myself, I guess Flyout really does nothing. Thanks all.