search

alphagov / govuk-frontend

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
https://frontend.design-system.service.gov.uk/
MIT License
1.18k stars 323 forks source link

Underline thickness does not increase when hovering on Previous and Next links in pagination in Safari #5335

Open frankieroberto opened 1 month ago

frankieroberto commented 1 month ago

In the Pagination component, when hovering over the 'Previous' and 'Next' links, the underline thickness does not increase in macOS Safari. However it does in Chrome, and in Safari on the numbered pagination links.

This only affects the Previous and Next links next to the numbered links. The version with previous and next links that have page names and appear stacked on top of each other are fine.

Screen capture

animated GIF showing the previous and next links not getting the thicker underline on hover

romaricpascal commented 1 month ago

Good spot! Thanks for letting us know.

Seems like Safari is actually the one respecting the specs, by having the <span> wrapping the text not inherit the text-decoration-thickness the link gets on :hover. We'll need to take the matter in our own hands and make that <span> inherit the right value.