Close sweetalert2 seem not working

I am not sure if I missed something but I can’t close sweetalert2, I found a workaround by manually removing from DOM.

Because with turbolinks when an alert toast is open, and I switch page, and return back, for a second I can still see sweetalert2, from turbolinks cache.

So I am trying to close sweetalert before turbolinks cache page using event:

document.addEventListener("turbolinks:before-cache", function() {
    Swal.close();
})

But this doesn’t work, I can still see sweetalert cached.

I found below workaround which works fine:

document.addEventListener("turbolinks:before-cache", function() {
    document.documentElement.classList.remove('swal2-toast-shown', 'swal2-shown')
    document.querySelector('.swal2-container').remove()
})

[limonte]

I think I understand the issue. The closing isn’t happening instantly because there’s the closing animation which is 0.2s long.

What if you unset the animation and then close a toast? Something like this:

Swal.update({
  hideClass: {
    popup: '',
    backdrop: ''
  }
})
Swal.close()

[thewebartisan7]

@limonte I notice a warning in console:

SweetAlert2: You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.

It’s just a warning so maybe I could ignore it? But this happen when using above solution with Turbolinks.