sweetalert icon indicating copy to clipboard operation
sweetalert copied to clipboard

Padding-right issue

Open MichaelEC opened this issue 4 years ago • 1 comments

Hi,

I have noticed there are a fair few threads/issues about the padding that SweetAlert adds to the page, although none of the solutions have worked. I notice you can set scrollbarPadding: false, although this doesn't do anything.

I've only had some luck by doing this: html { overflow-y: auto !important; }

While that keeps the scrollbar, it still doesn't stop the SweetAlert popup itself for adding padding-right to my page, moving my elements over.

image

image (1)

You can see on the first image, the chat bubble is where it's meant to be, and then when SweetAlert popup shows, the second image happens.

Any other ideas?

MichaelEC avatar Jun 10 '21 14:06 MichaelEC

And it's not that button only, here's an example of a bootstrap modal:

Before SweetAlert opening: image (2)

After SweetAlert opening: image (3)

(you can see the 5 is now visible behind the modal)

MichaelEC avatar Jun 10 '21 14:06 MichaelEC