Add tabindex to navigation menu generation, CSS to show rest of menu …

…if tabbed to (#1226)
GCRC · May 6, 2024 · f854580 · f854580
1 parent 9cb0020
commit f854580
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.widget.css b/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.widget.css
@@ -104,7 +104,8 @@
 	/*visibility: inherit;  fixes IE7 'sticky bug' */
 	text-decoration: underline;
 }
-.nunaliit_header-nav li:hover>ul {
+.nunaliit_header-nav li:hover>ul,
+.nunaliit_header-nav li:focus-within > ul {
 	display: block;
 	z-index: 99;
 }

diff --git a/nunaliit2-js/src/main/js/nunaliit2/n2.couchNavigation.js b/nunaliit2-js/src/main/js/nunaliit2/n2.couchNavigation.js
@@ -110,6 +110,7 @@ var NavigationDisplay = $n2.Class({
 
 				var $li = $('<li>')
 					.addClass('n2nav_setChildModuleCurrent')
+					.attr('tabindex', 0)
 					.appendTo($ul);
 
 				if( item.key ){