primevue
primevue copied to clipboard
ConfirmDialog: shifting content under a modal window
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
- Go to https://primevue.org/confirmdialog/
- Click any "Save" button
- 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/