From aa4f02491af9c13b49f19efc1c190109e611d9bb Mon Sep 17 00:00:00 2001 From: "beeps (Kim Grey)" Date: Mon, 26 Jun 2023 13:48:09 +0100 Subject: [PATCH] Fix focus style being overlapped by summary action links --- .../src/govuk/components/summary-list/_index.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/govuk-frontend/src/govuk/components/summary-list/_index.scss b/packages/govuk-frontend/src/govuk/components/summary-list/_index.scss index 423ad55d29..e24dfa399f 100644 --- a/packages/govuk-frontend/src/govuk/components/summary-list/_index.scss +++ b/packages/govuk-frontend/src/govuk/components/summary-list/_index.scss @@ -131,6 +131,15 @@ } } + // Large groups of action links may wrap onto multiple lines. Because the link + // focus styles are applied outside of the link's bounding box, there are + // situations where the focus style on a link can be overlapped by subsequent + // links. We don't want this, so let's create a new stacking context on focus + // so the link always appears to be 'on top'. + .govuk-summary-list__actions-list-item .govuk-link:focus { + isolation: isolate; + } + // No border on entire summary list .govuk-summary-list--no-border { .govuk-summary-list__row {