From 50a3ba5b5669da1cf6649a155a64d30e6cb2c940 Mon Sep 17 00:00:00 2001 From: chris Date: Wed, 21 Sep 2022 07:38:27 -0500 Subject: [PATCH] Add focus outline to password type inputs when navigating using keyboard --- CHANGELOG.md | 3 ++- lib/styles/trackInputModality.js | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index de870ba83..e759f8742 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,12 +6,13 @@ Releases are recorded as git tags in the [Github releases](https://github.com/le - [#185] - Handle arrow key navigation and improve focusOutline - [#338] - Allow for new 'nav' slot inline in the toolbar - [#362] - Add documentation pages for 'KResponsiveWindow' and 'KResponsiveElement' +- [#364] - Fixes 'Missing focus ring around password inputs' while navigating with keyboard. [#185]: https://github.com/learningequality/kolibri-design-system/pull/185 [#338]: https://github.com/learningequality/kolibri-design-system/pull/338 [#362]: https://github.com/learningequality/kolibri-design-system/pull/362 - +[#364]: https://github.com/learningequality/kolibri-design-system/pull/364 ## Version 1.3.1 diff --git a/lib/styles/trackInputModality.js b/lib/styles/trackInputModality.js index fc3fb7862..1bc1a3c72 100644 --- a/lib/styles/trackInputModality.js +++ b/lib/styles/trackInputModality.js @@ -19,6 +19,7 @@ function setUpEventHandlers(disableFocusRingByDefault) { 'input[type=date]', 'input[type=time]', 'input[type=datetime]', + 'input[type=password]', 'textarea', '[role=textbox]', 'a',