Menu icon Foundation
Dropdown Issue within <li>

This used to work in chrome until the latest build, works with other browser (FF,Edge,IE).

Classes toggles but the dropdown doesn't show and if it miraculously shows it doesn't close down.

<ul id="menu-top-menu" class="menu">
    <li>
        <a data-options="align:bottom" data-dropdown="drop-secondary-menu" aria-controls="drop-secondary-menu" aria-expanded="false"></a>
        <div id="drop-secondary-menu" aria-autoclose="false" data-dropdown-content class="f-dropdown content" aria-hidden="true" tabindex="-1">
            <ul>
            <li>test</li>
            </ul>
        </div>
    </li>
</ul>

         

bug js browser

This used to work in chrome until the latest build, works with other browser (FF,Edge,IE).

Classes toggles but the dropdown doesn't show and if it miraculously shows it doesn't close down.

<ul id="menu-top-menu" class="menu">
    <li>
        <a data-options="align:bottom" data-dropdown="drop-secondary-menu" aria-controls="drop-secondary-menu" aria-expanded="false"></a>
        <div id="drop-secondary-menu" aria-autoclose="false" data-dropdown-content class="f-dropdown content" aria-hidden="true" tabindex="-1">
            <ul>
            <li>test</li>
            </ul>
        </div>
    </li>
</ul>

         

This post has been closed. No new replies can be added.

Vincent Dubé about 4 years ago

Updated to latest foundation resolved the issue.