Nested poppers in separate DOM contexts not updating position

CodeSandbox demo

https://codesandbox.io/s/practical-jepsen-lw8s9

Steps to reproduce the problem

1. Scroll down to the first reference element, “menuAnchor”
2. Click on “menuAnchor” to open the first popper
3. Click on “subMenuAnchor” to open the next popper
4. Scroll the page and the nested popper’s position does not update with it’s reference element (“subMenuAnchor”)

What is the expected behavior?

The nested poppers’ position should update with the reference element as the page is scrolled.

What went wrong?

Removing position: absolute or overflow: scroll from the parent div is a workaround.

Any other comments?

Original react-popper issue: https://github.com/popperjs/react-popper/issues/412

Package versions

@popperjs/core: 2.9.1

[FezVrasta]

What @zbrogz outlined is the most likely cause, one should understand why the function is not returning all the relevant scroll parents and fix it.

If somebody created a PR with a failing test it could be used to help others write a solution.

[atomiks]

Hi, we’re closing all feature requests related to Popper as it is entering low maintenance mode. All feature requests should now relate to the new package, Floating UI!