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.

Wrong positioning if popper is child of positioned parent

See original GitHub issue

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?

chrome_2017-06-30_09-43-16

Any other comments?

Also in this cool lib - https://github.com/atomiks/tippyjs/issues/70

P.S. Your lib also f*cking awesome

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:15 (4 by maintainers)

Top GitHub Comments

2reactions

atomikscommented, Jun 30, 2017

https://codepen.io/anon/pen/EXQeKp

1reaction

atomikscommented, Nov 14, 2017

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…

Top Results From Across the Web

Wrong positioning if popper is child of positioned parent #331

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...

Popper positioning problem when multiple relative parents

The problem I am having is when Popper elements (button and tooltip) are placed inside at least two-levels parents, the top one being ......

Dropdowns - Bootstrap

Popper.js isn't used to position dropdowns in navbars though as dynamic positioning isn't required. If you're building our JavaScript from source, ...

Protecting Children in Substance-Abusing Families

A parent's overriding involvement with alcohol and other drugs may leave the parent emotionally and physically unavailable to the child. A parent's mental ......

Popovers - Stacks

Positioning and arrow direction are managed for you by Popper.js, a powerful popover positioning library we've added as a dependency. These popovers are ......