react-tooltip icon indicating copy to clipboard operation
react-tooltip copied to clipboard

The tooltip is hidden by the parent tag using overflow-auto

Open Cudtad opened this issue 1 year ago • 1 comments

I want to tooltip the child tag, but the parent tag is using overflow-auto, causing the phenomenon below. What do I need to do to fix this problem? (This issue only appears on websites accessed by mobile)

IMG_1069

Cudtad avatar Apr 15 '24 15:04 Cudtad

Sorry for the late response. Missed the notification for this issue.

You have two options:

  1. Use the posititionStrategy prop on the tooltip.
<Tooltip positionStrategy="fixed" />
  1. Move the tooltip component outside of your overflow parent. This shouldn't affect the tooltip positioning.

gabrieljablonski avatar Apr 28 '24 00:04 gabrieljablonski

Feel free to reopen with more information.

gabrieljablonski avatar Jun 16 '24 17:06 gabrieljablonski