When implementing the dropdown button, clicking on a link just closes the menu.

I tried it with a button I built myself and with the example button from Zurb. Tested in Chrome and FF.

This is the button I'm referring to:

<div href="#" class="large button dropdown">
  Dropdown Button
  <ul>
    <li><a href="#">Dropdown Item</a></li>
    <li><a href="#">Another Dropdown Item</a></li>
    <li class="divider"></li>
    <li><a href="#">Last Item</a></li>
  </ul>
</div>

Comments

ishmael-sanchez’s picture

ishmael-sanchez commented
Assigned: Unassigned » ishmael-sanchez
Status: Active » Needs work

Hi @jeremysnell,

Thanks for posting this. I was able to reproduce I will take a look and update the issue once I have more.

balintd’s picture

balintd commented

Hi,

I was experimenting and I've found that if you update the foundation.min.js to the foundation.min.js that Foundation 3.2 has, the problem no longer exists.

That's the closest I could get for now, I hope that helps a bit.

ishmael-sanchez’s picture

ishmael-sanchez commented

@balintd cool thanks that helped, fix has been committed.

ishmael-sanchez’s picture

ishmael-sanchez commented
Status: Needs work » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.