floating-ui: Wrong positioning if popper is child of positioned parent
CodePen demo
https://codepen.io/anon/pen/EXQeKp
Steps to reproduce the problem
- Open
https://popper.js.org/ - Open devtools.
- Find in tab Elements this element
id="page-wrapper" - Set CSS props
position: absolute - A lot of tooltips don’t work (especially tooltips with top & bottom position)
What is the expected behavior?
The expected behaviour - all works good and the position of parent element won’t crash the tooltips position.
What went wrong?
Any other comments?
Also in this cool lib - https://github.com/atomiks/tippyjs/issues/70
P.S. Your lib also f*cking awesome
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Reactions: 1
- Comments: 15 (4 by maintainers)
https://codepen.io/anon/pen/EXQeKp
Unfortunately the latest Popper (1.12.5+) has a bug when updating a popper’s position usually when it’s near the viewport edges. If the bug is not an issue for you, you can use
tippy.standalone.js+ the latest Popper.js instead.Currently, Tippy uses 1.12.4 because of that issue. I’m hoping he is able to fix it soon so it can be updated…
I need a reproducible codepen as requested by the issue template you ignored.