Merge pull request #3107 from alphagov/cherry-pick-chrome-links-fix

[support/4.4.x] Fix focus styles for links split over multiple lines in Chromium 108+ (Chrome 108+, Edge 108+, Opera 94+)
alphagov · Dec 15, 2022 · 8cad4bc · 8cad4bc
2 parents 65bf0ac + dc6f98e
commit 8cad4bc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+### Fixes
+
+We've made fixes to GOV.UK Frontend in the following pull requests:
+
+- [#3107: Fix focus styles for links split over multiple lines in Chromium 108+ (Chrome 108+, Edge 108+, Opera 94+)](https://github.com/alphagov/govuk-frontend/pull/3107)
+
 ## 4.4.0 (Feature release)
 
 ### New features

diff --git a/src/govuk/helpers/_focused.scss b/src/govuk/helpers/_focused.scss
@@ -25,4 +25,8 @@
   // When link is focussed, hide the default underline since the
   // box shadow adds the "underline"
   text-decoration: none;
+
+  // When a focused box is broken by e.g. a line break, ensure that the
+  // box-shadow is applied to each fragment independently.
+  box-decoration-break: clone;
 }