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.

[Safari/Firefox] Popper is not positioned correctly through shadow-dom when parent is position: relative

See original GitHub issue

When using @popperjs/core the popper is not positioned correctly if it is within the shadow-dom of a position: relative parent.

This issue seems to only be prevalent in the latest Chrome version 102.

In the picture below the top has a relative parent in the light-dom while the bottom is shadow-dom.

Codesandbox

Issue Analytics

State:
Created a year ago
Reactions:6
Comments:5

Top GitHub Comments

2reactions

Dayvissoncommented, Jun 6, 2022

Apparently this is the chromium issue related with this bug : Issue 1330819: Web component hover is no longer working

1reaction

atomikscommented, May 30, 2022

This seems like a bug in Chrome? tooltip.offsetParent is incorrectly returning body, not its actual offsetParent (the relative div)

Top Results From Across the Web

How do you position Material UI Popper in the bottom right ...

I was trying to do that with the Popper component, but I'm not sure how. This is what I have now. <Popper open={anchor...

Team:PYMS GZ China/JS popper - iGEM 2020

Finds the root node (document, shadowDOM root) of the given element ... be relative to this) * @param {Element} fixedPosition - is in...

https://www.ferris.edu/forms/js/popper.min.js.map

firstElementChild) === element\n );\n}\n","/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.

popper.js - Bountysource

When using @popperjs/core the popper is not positioned correctly if it is within the shadow-dom of a position: relative parent.

client/node_modules/.cache/babel-loader ... - gitlab@IfI

offsetParent will return the closest TH, TD or TABLE in case\n // no offsetParent ... shadowDOM root) of the given element\n * @method\n...