Skip nav

js/dropdowns.js

@@ -65,7 +65,7 @@ Dropdown.prototype.handleClickAway = function(e) {
 };
 
 Dropdown.prototype.handleFocusAway = function(e) {
-  var $target = $(e.relatedTarget);
+  var $target = $(e.target);
   if (this.isOpen && !this.$panel.has($target).length) {
     this.hide();
   }

js/skip-nav.js

@@ -0,0 +1,31 @@
+'use strict';
+
+/* global require, module, document */
+
+var $ = require('jquery');
+
+/**
+  * Skip nav link
+  * @constructor
+  * @param {string} anchor - CSS selector for the anchor element that will function as the skip nav
+  * @param {string} targetBody - CSS selector for the main content area to look for a focusable element in
+  */
+
+function Skipnav(anchor, targetBody) {
+  this.anchor = anchor;
+  this.$targetBody = $(targetBody);
+  this.$target = this.findTarget();
+  $(document.body).on('click keyup', this.anchor, this.focusOnTarget.bind(this));
+};
+
+Skipnav.prototype.findTarget = function() {
+  return this.$targetBody.find('a, button, :input, [tabindex]').filter(':visible')[0];
+};
+
+Skipnav.prototype.focusOnTarget = function(e) {
+  if (e.keyCode === 13 || e.type === 'click') {    
+    this.$target.focus();
+  }
+};
+
+module.exports = {Skipnav: Skipnav};