Popper-core: Body with margin and relative position causes offset placement of popper
CodePen demo
https://codepen.io/anon/pen/gzbaba
What is the expected behavior?
Popper is adjacent to target.
What went wrong?
Popper is offset from target.
Any other comments?
Originally reported as https://github.com/atomiks/tippyjs/issues/231#issuecomment-382605125.
NilsEnevoldsen
All 5 comments
I found a potential workaround to add another relatively positioned element container; see https://codepen.io/lofty/pen/OZXdmW
loftyduck
on 25 Apr 2018
Thanks for the workaround. I've tried to adapt it to my use case (briefly: reusing one popper for many targets), but I can't quite get there. Everywhere I move it breaks positioning in a different way!
NilsEnevoldsen
on 27 Apr 2018
Here is my (gross) workaround: https://codepen.io/anon/pen/ZqKXxq.
NilsEnevoldsen
on 10 Oct 2018
Appears to be fixed in (at least) v2.0.0-next.4.
NilsEnevoldsen
on 24 Nov 2018
馃帀 cool, the new positioning algorithm is paying off.
I hope to be able to ship a stable release in the next 2 months if not sooner.
FezVrasta
on 24 Nov 2018
Related issues
skitterm
路
5Comments
ConneXNL
路
3Comments
gcanabate
路
3Comments
diondiondion
路
4Comments
memboc
路
3Comments
Most helpful comment
馃帀 cool, the new positioning algorithm is paying off.
I hope to be able to ship a stable release in the next 2 months if not sooner.