Current behavior

Problem

In the documentation the following example for toasts is given.

const Toast = Swal.mixin({
  toast: true,
  position: "top-end",
  showConfirmButton: false,
  timer: 3000,
  timerProgressBar: true,
  didOpen: (toast) => {
    toast.onmouseenter = Swal.stopTimer;
    toast.onmouseleave = Swal.resumeTimer;
  }
});
Toast.fire({
  icon: "success",
  title: "Signed in successfully"
});

Clicking in the documentation on the "Try me" button, then hovering over the toast for atleast another +/- 4s, the following is visible.

After the timer exceeds roughly 4.2s, it seems to have broken the animation somewhere, as the top part of the success icon is now clearly visible.

This happens either by setting the timer option to a value larger than roughly 4250 or with didOpen option to stop timer on mouse enter.

Either way seems to happen when timer exceeds more than +/- 4.2 seconds

Expected behavior

Changing the timer/timing for toast should not impact the success icon animation.

Live demo !!! THIS FIELD IS REQUIRED !!!

The live demo template: https://codepen.io/nanone/pen/gOEMdrO

(same example as on Swal docs but with timer > 3000).