diff --git a/CHANGELOG.md b/CHANGELOG.md index ebc8eb9c4c..d7d273a8bc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,9 @@ Fixes: falling back to the print stack as expected. (PR [#650](https://github.com/alphagov/govuk-frontend/pull/650)) +- Reinstate focus outline for radios and checkboxes on IE8 + (PR [#670](https://github.com/alphagov/govuk-frontend/pull/670)) + New features: - We're now using ES6 Modules and [rollup](https://rollupjs.org/guide/en) to distribute our JavaScript. (PR [#652](https://github.com/alphagov/govuk-frontend/pull/652)) diff --git a/src/checkboxes/_checkboxes.scss b/src/checkboxes/_checkboxes.scss index 0be5d70d38..4be31c4599 100644 --- a/src/checkboxes/_checkboxes.scss +++ b/src/checkboxes/_checkboxes.scss @@ -41,6 +41,13 @@ margin: 0; opacity: 0; } + + // add focus outline to input element for IE8 + @include govuk-if-ie8 { + &:focus { + outline: $govuk-focus-width solid $govuk-focus-colour; + } + } } .govuk-checkboxes__label { diff --git a/src/radios/_radios.scss b/src/radios/_radios.scss index 7d6ff766ec..9c18617895 100644 --- a/src/radios/_radios.scss +++ b/src/radios/_radios.scss @@ -42,6 +42,13 @@ margin: 0; opacity: 0; } + + // add focus outline to input element for IE8 + @include govuk-if-ie8 { + &:focus { + outline: $govuk-focus-width solid $govuk-focus-colour; + } + } } .govuk-radios__label {