Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
frankieroberto opened this issue Sep 18, 2024 · 1 comment
Labels
🐛 bug Something isn't working the way it should (including incorrect wording in documentation) sass / css small story

Comments

@frankieroberto
Copy link
Contributor

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

@frankieroberto frankieroberto added awaiting triage Needs triaging by team 🐛 bug Something isn't working the way it should (including incorrect wording in documentation) labels Sep 18, 2024
@romaricpascal romaricpascal added sass / css and removed awaiting triage Needs triaging by team labels Sep 19, 2024
@romaricpascal
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working the way it should (including incorrect wording in documentation) sass / css small story
Projects
Status: Backlog 🏃🏼‍♀️
Development

No branches or pull requests

2 participants