departure board: better keyboard accessibility

1 files changed, 11 insertions, 1 deletions

diff --git a/public/static/js/travelynx-actions.js b/public/static/js/travelynx-actions.js
index 1b6dd8a..52ca482 100644
--- a/public/static/js/travelynx-actions.js
+++ b/public/static/js/travelynx-actions.js
@@ -298,9 +298,19 @@ $(document).ready(function() {
 	$('a[href]').click(function() {
 		$('nav .preloader-wrapper').addClass('active');
 	});
+	$('a[href="#now"]').keydown(function(event) {
+	    // also trigger click handler on keyboard enter
+	    if (event.keyCode == 13) {
+	        event.preventDefault();
+	        event.target.click();
+	    }
+	});
 	$('a[href="#now"]').click(function(event) {
 	    event.preventDefault();
-	    $('#now')[0].scrollIntoView({behavior: "smooth", block: "center"});
+	    $('nav .preloader-wrapper').removeClass('active');
+	    now_el = $('#now')[0];
+	    now_el.previousElementSibling.querySelector(".dep-time").focus();
+	    now_el.scrollIntoView({behavior: "smooth", block: "center"});
 	});
 	const elems = document.querySelectorAll('.carousel');
 	const instances = M.Carousel.init(elems, {