Navigation dropdown always open

[RobertoCorreale]

Hi there,

I'm using FoundationPress for a while, but now i've got a strange issue for the first time.
With the default navigation menu, if there is a submenu, it is always open, while usually it open on hover.

Looking at the code, i've seen that in submenu ul tag there is aria-hidden="true", but id doesn't work.
Look at the screenshot for more information.

Sorry for bad english.

[RobertoCorreale]

I've try to replace original sass code (global/navigation) and original code for topbar, but stil not work.
I'm the only one who had this problem?

At the moment i've solved with this small piece of sass

#menu-main-menu { li { &.is-dropdown-submenu-parent { ul { &.is-dropdown-submenu { display: none; } } &:hover { ul { &.is-dropdown-submenu { display: block; } } } } } }

[HRoger]

Hi there. I had the same problem as you too. It seems to be an issue related to the FLEX BOX.
It appears when you activate it in _settings.scss file:
$global-flexbox : true;

If you set to false the problem is solved, but then you can't use flexbox anymore.

So the only way I found is to change the order of the @include files in foundation.scss:

@include foundation-dropdown;
@include foundation-menu; //put this in between.
@include foundation-dropdown-menu;

Hope it works for you too.

[colin-marshall]

This is a Foundation bug that should be resolved in 6.2.1 with the solution @HRoger has posted. See: foundation/foundation-sites#8278. 6.2.1 will be out very soon so I'll wait until that is finalized before fixing it in FoundationPress.

[HRoger]

Thank you!

[RobertoCorreale]

Thank you @colin-marshall and @HRoger, your solution works perfectly.

[rachelreveley]

I think Foundation may have fixed this now. I didn't have the problem in my normal Foundation project but now I am building a WP version of our site and the above solved my troubles.