Dropdown: incorrectly renders when in a modal on top of horizontally scrollable content

[Kostia-K]

Describe the bug

When you have a Dropdown component inside a Dialog modal, it comes out on the left if the content behind the modal is horizontally scrollable. It also pushes the content behind the modal in the opposite direction. Try clicking the dropdown multiple times in the codesandbox - once it pushed the content all the way to the right, the dropdown starts working normally.

Reproducer

https://codesandbox.io/s/async-hooks-d4h8jk

PrimeVue version

3.34.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

Open a dialog modal with a dropdown on top of horizontally scrollable content and click the dropdown.

Expected behavior

The dropdown should not shift and the content behind the modal should not shift either. E.g.

[injae-kim]

Fix PR: #5758

[HardWorkerFree]

Same bug with 4.0.0+ version
#5758 (comment)