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.

Popper is not correctly placed

See original GitHub issue

CodeSandbox demo

https://codesandbox.io/s/elated-sid-sgwqg ( refresh codesandbox embedded browser )

Steps to reproduce the problem

No steps required, popper is not correctly placed

What is the expected behavior?

Popper should be correctly placed

What went wrong?

Looks like in flex box container, if element before has some non integer width ( as in this example using content editable aaas has width of 27.531 ) popperjs fails to correctly place the popper

Any other comments?

Looks like it’s connected with #713

Issue Analytics

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

Top GitHub Comments

1reaction

piecykcommented, Nov 14, 2020

Thinking on it, why we need the rounding at all ? Looking on modern browser all would handle it 🤔 Maybe given option to opt out from rounding would be not that bad idea? WDYT?

0reactions

piecykcommented, Nov 15, 2020

Example of those inaccuracies in chrome/edge between position left/top vs translate3d/translate what i was writing above https://codesandbox.io/s/cool-chandrasekhar-mcbp1

Top Results From Across the Web

Popper element is not positioned correctly when reference ...

Popper element is not positioned correctly when reference elements is in an offset iframe #791. Bug. DIFFICULTY: medium PRIORITY: medium TARGETS: core.

Popper.js wrong initial position of dropdown/tooltip

js needs the popper element to be rendered in the DOM (aka, have a position in the document) to be able to properly...

FAQ - Popper

Why is my popper in the wrong location (or not visible at all)? For the left and top placements, Popper relies on HTML...

Everything I Know About Positioning Poppers (Tooltips ...

If the popper is not positioned relative to the viewport, we need to consider its offsetParent when measuring the reference element.

How to Build a Dynamically Positioned Popover with Popper ...

The popper.js library is a powerful positioning engine for tooltips and popovers ... You will not be “resubscribed” or receive extra emails.