From a496cb8be4dd1ccd4610e06f425153c76defc594 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Tue, 16 Feb 2016 14:16:27 +0000 Subject: Focus (visually hidden) input radio/checkbox This allows for keyboard navigation (e.g. arrow keys left/right to trigger different radio buttons) following an initial mouse click interaction --- js/src/button.js | 3 +++ 1 file changed, 3 insertions(+) (limited to 'js/src/button.js') diff --git a/js/src/button.js b/js/src/button.js index 3144a3f10..adcf4c928 100644 --- a/js/src/button.js +++ b/js/src/button.js @@ -92,7 +92,10 @@ const Button = (($) => { input.checked = !$(this._element).hasClass(ClassName.ACTIVE) $(this._element).trigger('change') } + + $(input).trigger('focus') } + } else { this._element.setAttribute('aria-pressed', !$(this._element).hasClass(ClassName.ACTIVE)) -- cgit v1.2.3 From 701b12bf5823769e4eae66153755cf1ecd10ead9 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Wed, 17 Feb 2016 15:21:02 +0000 Subject: Replace jQuery with vanilla JS --- js/src/button.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'js/src/button.js') diff --git a/js/src/button.js b/js/src/button.js index adcf4c928..39e2b3974 100644 --- a/js/src/button.js +++ b/js/src/button.js @@ -93,7 +93,7 @@ const Button = (($) => { $(this._element).trigger('change') } - $(input).trigger('focus') + input.focus() } } else { -- cgit v1.2.3