-
Notifications
You must be signed in to change notification settings - Fork 4.9k
Open
Labels
Milestone
Description
I'm working on a keyboard-accessible top navigation bar using Semantic UI, but I can't use the Enter/Return key to access the links in the drop-down menus, even when the focus is on the link. I created a blank JS Fiddle here to demonstrate. I'm also using Chrome Vox as a screen reader, so that I know where the current focus is.
<div class="ui menu">
<a class="item" href="https://www.google.com">Google 1</a>
<div class="ui dropdown link item">
<a href="#">
<span>Google 2</span>
<i class="dropdown icon"></i>
</a>
<div class="menu">
<a class="item" href="https://www.google.com">Google 2.1</a>
<a class="item" href="https://www.google.com">Google 2.2</a>
</div>
</div>
</div>
JavaScript initialization:
$(document).ready(function() {
$('.ui.dropdown').dropdown();
});