Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Nested tooltip position change on state change

See original GitHub issue

I just updated my version of tippy to the latest release (4.0.0-alpha.1) and came across an issue with nested tooltips. If a state in the component changes while the nested tooltip is open, its position also changes.

CodeSandbox: https://codesandbox.io/s/inspiring-engelbart-iqqmp

Issue Analytics

State:
Created 4 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

atomikscommented, Mar 11, 2020

This should be fixed in the latest version. It occurred in the previous major as well, just more rarely due to the dep checks I believe.

0reactions

zhaoyao91commented, Jun 5, 2020

The items with tooltip are inside a scrollbar section, and this section is inside a popover. Is the existing of scrollbar breaking the logic of nested pop?

Top Results From Across the Web

Keep div:hover open when changing nested select box

Then try to select a new option). The Layout: .toolTip becomes visible when it's parent div is hovered over. Inside of .toolTip is...

Positioning a tooltip in React using Tippy - LogRocket Blog

Learn how to customize tooltips in React using Tippy.js, an easy-to-use library that provides tooltip solutions and pop-out style GUI tools.

What The Heck, z-index?? - Josh W Comeau

It doesn't matter that the tooltip is more deeply nested than the header ... main doesn't set a z-index anymore, but it uses...

Problem-solving: How to create a React Tooltip Component

The tooltip generally appears above a element that is hovered over by the ... It also prevents any side-effects from having the state...

Tooltip - Zag.js

The tooltip uses floating-ui for dynamic positioning. You can change the placement of the tooltip by passing the positioning.placement context property to the ......