momentum-design / momentum-ui

Momentum UI is a collection of UI libraries for implementing Momentum Design into web applications and websites.
https://momentum.design
MIT License
199 stars 204 forks source link

CAUI-9164 fix(tooltip): Tooltips are not hoverable #1605

Closed shivi956 closed 5 months ago

shivi956 commented 5 months ago

Tooltips are not hoverable

Description

Ensure the tooltip displayed on hover is: hoverable - the user can move the pointer over the additional content without the additional content disappearing

https://www.w3.org/WAI/WCAG22/Understanding/content-on-hover-or-focus

https://www.w3.org/WAI/WCAG22/Techniques/failures/F95

https://sarahmhigley.com/writing/tooltips-in-wcag-21/

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots:

Before (If applicable):

https://github.com/momentum-design/momentum-ui/assets/69033981/7f928880-4664-49b1-852e-0581e2aa5ba6

After:

https://github.com/momentum-design/momentum-ui/assets/69033981/391892f4-a553-45bb-8cfd-219e2fa26984

Types of changes

Checklist:

codecov[bot] commented 5 months ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 94.68%. Comparing base (1f10231) to head (b85ebf9).

Additional details and impacted files ```diff @@ Coverage Diff @@ ## master #1605 +/- ## ========================================== + Coverage 94.65% 94.68% +0.03% ========================================== Files 134 134 Lines 19182 19207 +25 Branches 2974 2983 +9 ========================================== + Hits 18156 18187 +31 + Misses 1026 1020 -6 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.