dropdown placement wrong after fetch

[interose]

Hi,
I'm having some issues regarding the placement of a dropdown.
It is basically a filter dropdown for a table. The table is wrapped with a turbo frame. The dropdown contains a list of checkboxes. As soon as the user checks/unchecks one of them, a form submit will be triggered, and the turbo frame gets reloaded. A pretty common use case so far.
The filter dropdown is not within the turbo frame.
As soon as the turbo-frame gets reloaded, the dropdown gets wrong repositioned.
I've tried to get the popper instance and to call the update method of the dropdown after the turbo frame has rendered but unfortunately without effect.

Has someone noticed / fixed a similar behaviour?

[interose]

I probably found the cause of the problem while debugging. I'm using a multi-level dropdown. However, the li elements have the following classes: flex items-center. While debugging the JS code, I noticed that the length of the reference element was not correct, and I also saw that the li element did not have the full width of the parent ul element.

Here you see the wrong positioning after the turbo frame was rerendered

And this is the positioning while debugging the concated popper code.