При щелчке за пределами раскрывающегося меню Foundation оно закрывается, однако при нажатии на другой пункт меню (или на себя) первое меню остается открытым. Похоже, что ссылка на другое меню распознается как то же самое меню. Или он не закроется при нажатии на тег.
В Foundation 6.2.4 и не может обновиться.
<div class="header-links-column">
<ul class="dropdown menu" data-autoclose="true" data-dropdown-menu data-close-on-click="true" data-close-on-click-inside="true" data-force-follow="true">
<li class="is-dropdown-submenu-parent">
<a href="/example"><strong>Title</strong></a>
<ul class="menu hide" data-submenu data-close-on-click="true" data-close-on-click-inside="true" data-force-follow="true">
<li class="my-class"><a class="tab-link" data-tab-link="example-tab" href="/example#example-tab">Example Page</a></li>
</ul>
</li>
</ul>
</div>
<div class="header-links-column">
<ul class="dropdown menu" data-autoclose="true" data-dropdown-menu data-close-on-click="true" data-close-on-click-inside="true" data-force-follow="true">
<li class="is-dropdown-submenu-parent">
<a href="/example2"><strong>Title2</strong></a>
<ul class="menu hide" data-submenu data-close-on-click="true" data-close-on-click-inside="true" data-force-follow="true">
<li class="my-class-2"><a class="tab-link2" data-tab-link="example-tab2" href="/example2#example-tab2">Example Page</a></li>
</ul>
</li>
</ul>
</div>
```