React Popper placement does not work inside of Transition

[Ghirigoro]

In the Popover page the basic example wraps the Popover in a Transition. Later in that page it recommends using react-popper for placement, but if you use a Transition like in the basic example, react-popper breaks and can no longer place the Popover (it always gets placed over the top left of the button).

Is Transition not supposed to work with react-popper or is that a bug? And if it's not a bug should the page be updated to explain that react-popper is not supported with transitions (or maybe suggest a supported library or workaround instead)?

[sebastienbarre]

Can reproduce that as well, and would love to get an answer.
Thanks

[sebastienbarre]

I asked on the Discord server. Maybe somebody will hint at a solution.
https://discordapp.com/channels/674983035946663957/682241064115109992/847473030724845598

[ycs77]

Hi! I create a package Headless UI Float, that can be easy to position floating Headless UI elements using Floating UI (is new version Popper.js), support Transition & Portal.

If you need to float Headless UI element can try it out 😊