Modal - padding-right

[diegok350]

Is there a property to set to remove the white space that appears when opening the modal, because it moves the elements on the screen?

[diegok350]

Solution:
To solve this, I added a custom CSS rule that leverages the :root pseudo-class combined with the :has() function. This rule ensures that when a modal is open, the scrollbar behavior is controlled, preventing the layout from shifting.

Here’s the CSS that fixed the issue:
:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
scrollbar-gutter: auto !important;
}

[GreyNewfie]

Thank you @diegok350 for posting this! I've been trying to solve a very similar issue and this worked. I had almost given up that I was going to find a solution.