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

diff --git a/js/src/button.js b/js/src/button.js
index 3144a3f101230843d5d5c7177be5e22c3e1caab9..adcf4c92864f726df4cfb29f8a91f8b887ea648c 100644 (file)
--- 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))