ConfirmDialog: shifting content under a modal window

[slider23]

Describe the bug

Primevue 4 ConfirmDialog has classic modal UI issue - content (or only right edge of content - on small screens) shifting on browsers with non-zero scrollbar widths. For example, Chrome on Linux. Primevue 3 is free from such a issue. See the gif:

Reproducer

https://primevue.org/confirmdialog/

PrimeVue version

4

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

Any browser on Linux or Windows (not MacOs)

Steps to reproduce the behavior

1. Go to https://primevue.org/confirmdialog/
2. Click any "Save" button
3. After modal window is displayed, the page content under modal window is shifted to the right by 15px.

Expected behavior

Сontent under the modal window should not shift. Like on https://v3.primevue.org/confirmdialog/

[murshex]

Same problem

[KumJungMin]

• In v4, the scroll blocking function has been moved to primeuix.
• Additionally, testing the scroll function reveals that variableData is coming up as null,
• which is preventing the function from executing correctly.

https://github.com/primefaces/primeuix/blob/main/packages/utils/src/dom/helpers/blockBodyScroll.ts#L6