Commit 79ddba82 authored by Robert Knight's avatar Robert Knight

Make the dropdown menus keyboard accessible

The newer version of Angular UI bootstrap has
an optional keyboard-nav directive to
make dropdowns keyboard accessible.

Card 89
parent a59b1cf5
<div class="pull-right" dropdown> <div class="pull-right" dropdown keyboard-nav>
<span class="dropdown-toggle" <span class="dropdown-toggle"
dropdown-toggle dropdown-toggle
data-toggle="dropdown" data-toggle="dropdown"
......
<div dropdown="" class="publish-annotation-btn__btn" is-open="vm.showDropdown"> <div dropdown="" class="publish-annotation-btn__btn" is-open="vm.showDropdown" keyboard-nav>
<dropdown-menu-btn <dropdown-menu-btn
label="'Post to ' + vm.publishDestination" label="'Post to ' + vm.publishDestination"
ng-click="vm.save()" ng-click="vm.save()"
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
'other': 'Showing {} selected annotations.'}"></span> 'other': 'Showing {} selected annotations.'}"></span>
<a href="" ng-click="clearSelection()">Clear selection</a>.</li> <a href="" ng-click="clearSelection()">Clear selection</a>.</li>
<li ng-show="isStream"> <li ng-show="isStream">
<span class="ng-cloak" dropdown> <span class="ng-cloak" dropdown keyboard-nav>
<span role="button" <span role="button"
data-toggle="dropdown" data-toggle="dropdown"
dropdown-toggle> dropdown-toggle>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment