ic-ui-kit icon indicating copy to clipboard operation
ic-ui-kit copied to clipboard

[ic-typography / Safari]: See more/see less button focus state has no visible change

Open GCHQ-Developer-112 opened this issue 1 year ago • 0 comments

Summary of the bug

There's no visual indication that the typography component's "See more / see less" button has focus or has been hovered on.

This may be related to the work done to fix the focus and hover states on ic-footer-link and other link components

🪜 How to reproduce

Visit the guidance site and navigate to the "Truncation" example on the "Typography" component page

Hover on the "See more / see less" button or tab to the button See that there's no visual indication that the button has focus or has been hovered on

📸 Screenshots or code

https://github.com/user-attachments/assets/e2b91dde-8367-461a-898a-3ffb54df5452

🖥 📱 Device

  • Type: Desktop
  • Browser version: Safari 17.5

🧐 Expected behaviour

Expect a visual indication that "See more / see less" button has focus or has been hovered on, similar to ic-link.

GCHQ-Developer-112 avatar Jul 22 '24 18:07 GCHQ-Developer-112