SweetAlert2 scrolls to initiating element after close

Question

After closing of the modal I force the browser to scroll to the top of the page to see any error messages. After integrating the SweetAlert2 module to confirm submission the application will auto scroll back down to the submit button now after closing instead of staying at the top.

submit() {
    swal({
      title: "Submit application",
      html: "All submissions are final",
      type: "warning",
      showCancelButton: true,
      confirmButtonText: "Yes, delete it!",
      cancelButtonText: "Cancel"
    }).then(result => {
          window.scrollTo(0,0);
        }
    );
  }

As you can see I'm trying to force the scroll to the top in multiple areas and this works, but then it snaps back to the bottom. Please see attached gif as demonstration.

Any ideas on how to fix this?

Bootstrap 4

SweetAlert2 7.28.2

EDIT: Reproduced in simple JSFiddle https://jsfiddle.net/s8f12xad/

Limon Monte · Accepted Answer · 2023-08-29T08:38:33.867

8

didClose parameter is what you need in this case:

Swal.fire({
  didClose: () => window.scrollTo(0,0)
})

edited Aug 29 '23 at 08:38

answered Sep 28 '18 at 09:15

Limon Monte

52,539
45
182
213

I have a similar problem when the button is semi visible at the bottom of the page when opened.. when it closes it scrolls the page so that the WHOLE button is visible. I don't want it to move to the top, or to the elem.. I just want it to close. Any suggestions? PS. Been reading through the Git issues, great to see such fast responses from you, awesome work and great plugin! – Latchy Mar 08 '19 at 03:35

score 1 · Answer 2 · edited Mar 08 '19 at 07:55

1

Really ? the author answer you, thats its great !!!

I had a redirection problem which consisted of losing the navigation scroll, I solved it with this code:

Swal.fire({
    title: 'Example',
    type: 'success',
    onAfterClose: () => window.location.href = "url"
});

Thank you.

edited Mar 08 '19 at 07:55

Limon Monte

52,539
45
182
213

answered Feb 20 '19 at 15:58

Jesus Morales

11
1

SweetAlert2 scrolls to initiating element after close

2 Answers2