Used in the product menu.
Add the aria-current="page"
attribute to the current page link.
Quibusdam qui ut doloribus cumque libero enim itaque. nemo nostrum sint possimus perferendis aut dolorum quaerat voluptas dolor quo dolorum similique vitae explicabo. velit dolorem doloremque molestiae accusamus ullam consequatur illo nihil earum odio deleniti vel id.
Sunt aspernatur vitae ab inventore fugit. neque quia et sapiente aut nesciunt a exercitationem corrupti est enim aliquid maiores eligendi laborum. libero eligendi porro veniam deserunt voluptas incidunt asperiores totam repellat fuga quo. molestias cum excepturi ut alias officiis sed dignissimos officia saepe illo iusto fugiat rerum. saepe et dicta qui qui aperiam dolor rerum velit dolor eius voluptas labore. iusto rerum minima aperiam blanditiis quasi adipisci ab. omnis est sapiente officia.
Sed officiis facere sit temporibus est ut eum non doloribus est est quisquam consequuntur. voluptatum sint facere exercitationem nihil vitae. est aspernatur rerum est qui voluptates eum vitae. dolor aut officia adipisci consequatur temporibus repudiandae quo et tenetur modi. placeat quisquam voluptate et. amet perferendis quia eligendi ea. architecto ipsa illum ipsa dolor itaque autem numquam autem aut.
Velit voluptatum nostrum fuga aliquam. sed nobis similique quae. doloribus nisi deserunt adipisci perspiciatis ut velit perferendis eaque voluptatem animi omnis corporis omnis.
Consequuntur dolorem est sequi pariatur quaerat et ut a culpa suscipit voluptas. minus et debitis est qui optio occaecati eius nihil. a cum et vel nulla eum sit dolor esse.
Unde tempora voluptate quidem nesciunt sequi quam ducimus sed placeat eum est dignissimos. aut velit itaque aut ratione consequuntur delectus vero eum. eum adipisci officiis nemo. ad dolorum deserunt repellendus blanditiis delectus.
<nav id="idbe05e08fad" class="overflow-menu-container">
<ul class="overflow-menu overflow-menu--main">
<li class="overflow-menu__item">
<a href="#" aria-expanded="false" class="overflow-menu__main-toggle icon-inline--right icon--chevron-down-dark" id="idc32764ad1d">Item One</a>
<ul class="overflow-menu__submenu">
<li class="overflow-menu__item">
<a href="#">Eos aut</a>
</li>
<li class="overflow-menu__item">
<a href="#">Qui provident</a>
</li>
<li class="overflow-menu__item">
<a href="#">Eum velit</a>
</li>
</ul>
</li>
<li class="overflow-menu__item">
<a href="#" aria-expanded="false" class="overflow-menu__main-toggle icon-inline--right icon--chevron-down-dark" id="idf4b54a092a">Item Two</a>
<ul class="overflow-menu__submenu">
<li class="overflow-menu__item">
<a href="#">Consequatur odio</a>
</li>
<li class="overflow-menu__item">
<a href="#">Non ipsum</a>
</li>
<li class="overflow-menu__item">
<a href="#">Fugiat dolores</a>
</li>
</ul>
</li>
<li class="overflow-menu__item">
<a href="#">Item Three</a>
</li>
<li class="overflow-menu__item">
<a href="#">Item Four</a>
</li>
<li class="overflow-menu__item">
<a href="#">Item Five</a>
</li>
</ul>
</nav>
document.addEventListener('designFrameworkReady', function() {
var overflowMenus = ['idbe05e08fad', 'id8c612611f2', 'ide114d9fb16']
overflowMenus.forEach(function(overflowMenuId) {
UCASUtilities.overflowMenu.create(
overflowMenuId,
function() {
// Optional callback for when the menu is contracting.
console.log(overflowMenuId, 'contract')
},
function() {
// Optional callback for when the menu is expanding.
console.log(overflowMenuId, 'expand')
}
)
})
})