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.
Tooltips go astray if the parent block has position absolute
See original GitHub issueHello.
I have a problem - when you set position: absolute to parent block the tooltips go astray.
So as you can see - div with class container-fluid has position: absolute and
when i toggle Chrome DevTools - the tooltips go up.
I debug this - and i find the solution to use followCursor prop and set position except top and bottom,
but I wanna know how can i fix this.
P.S. Your lib is f*cking awesome. I am really like it.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:5
- Comments:9 (4 by maintainers)
Top Results From Across the Web
How can I position a tooltip with respect to its parent element?
The idea is, as said, that .tooltip has position:absolute and it should appear to the left of hovered <li> , but somehow it...
Read more >What The Heck, z-index?? - Josh W Comeau
Our .tooltip element has a z-index of 999999, but that value is only relevant within the <main> stacking context. It controls whether ...
Read more >Position an element relatively to another element from ... - WICG
Problem - I need to position a popup modal / tooltip / dialog relative ... At the mercy of the parent: Parent have...
Read more >Top Tooltip w/ Bottom Arrow - W3Schools Tryit Editor
.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { ... position: absolute; z-index: 1;
Read more >How to make absolute positioned elements overlap their ...
Anyway, here our main problem is that the relative parent is also the overflow:hidden one. Well, if we simply move the position rule...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@atomiks I can recreate this bug, but lately. Because i am busy right now. Sounds good ?
1.4.2 uses latest Popper which fixes this issue.