Skip to content

Commit

Permalink
Merge pull request #3862 from alphagov/fix-summary-list-overlapping-l…
Browse files Browse the repository at this point in the history
…inks

Fix focus style being overlapped by summary action links
  • Loading branch information
querkmachine authored Jun 27, 2023
2 parents 2ac7525 + 18a47af commit d51f080
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions src/govuk/components/summary-list/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down

0 comments on commit d51f080

Please sign in to comment.