Skip to content

Commit aa4f024

Browse files
committed
Fix focus style being overlapped by summary action links
1 parent 51461de commit aa4f024

File tree

1 file changed

+9
-0
lines changed
  • packages/govuk-frontend/src/govuk/components/summary-list

1 file changed

+9
-0
lines changed

packages/govuk-frontend/src/govuk/components/summary-list/_index.scss

+9
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,15 @@
131131
}
132132
}
133133

134+
// Large groups of action links may wrap onto multiple lines. Because the link
135+
// focus styles are applied outside of the link's bounding box, there are
136+
// situations where the focus style on a link can be overlapped by subsequent
137+
// links. We don't want this, so let's create a new stacking context on focus
138+
// so the link always appears to be 'on top'.
139+
.govuk-summary-list__actions-list-item .govuk-link:focus {
140+
isolation: isolate;
141+
}
142+
134143
// No border on entire summary list
135144
.govuk-summary-list--no-border {
136145
.govuk-summary-list__row {

0 commit comments

Comments
 (0)