epam / UUI

React-based components and accelerators library built by EPAM Systems.
https://uui.epam.com/
MIT License
161 stars 61 forks source link

[Tooltip]: Tooltip with link does not allow to tap this link in some cases #2271

Closed Guseff closed 3 weeks ago

Guseff commented 1 month ago

Prerequisites (optional)

Please answer the following questions for yourself before submitting an issue.

Description (optional)

The issue is in some cases the user can not tap the link inside tooltip because of tooltip disappearing. The behaviour depends on screen scrolling and tooltip position. Also it can be different in different browsers. I tested in Google Chrome and Safari, also I have reported bug from a user under MS Windows system.

UPD: The issue appears after page scrolling. It looks like coordinates of 30px area around tooltip were not updated after the scrolling.

Steps to Reproduce

The issue can be reproduced using the sandbox link from appropriate documentation section https://uui.epam.com/documents?id=tooltip&mode=doc&isSkin=null&category=components#tooltip_with_a_link

  1. open preview in separate browser tab
  2. hover the icon with mouse so that the tooltip appears
  3. try to tap the link
  4. add margin to code so that the tooltip appears under the icon
  5. try to tap the link

Actual result

When tooltip appears under the icon, it's quite difficult to tap the link because of the tooltip disappears earlier. See the screen record:

https://github.com/epam/UUI/assets/4479289/5f505911-50f8-403f-95c8-160168ecbae6

Expected result

User always can click the link without finding "working track" for mouse cursor.

Environment

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

NatalliaAlieva commented 3 weeks ago

Released in 5.8.0 ver.