inconsistent behaviour: form not always being saved

Whenever I submit a form it is not being saved consistently when using sweet alert. Between 2 and 5 submits the form suddenly fails to save. Have tried in many ways but all seem to suffer from the same issue (some examples provided below). For example, I submit the form and it can saved, the first time, the second time, and the third time suddenly the forms are not being saved.

<script>
    $('#btn-sw-confirmation').on('click', function() {
        swal({
            title: "Confirm?",
            text: "Are you sure?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: '#41B314',
	    cancelButtonColor: '#F9354C',
            confirmButtonText: "Confirm",
            cancelButtonText: "Back"
          }
        ).then(
          function (isConfirm) {
            if (isConfirm) {
              console.log('CONFIRMED');
              swal('Saved!', 'Your file has been saved.', 'success');
            }
          },
          function() {
            console.log('BACK');
          });
        return false;
    });
  </script>

or

<script>
    $('#btn-sw-confirmation').on('click', function() {
        swal({
            title: "Confirm?",
            text: "Are you sure?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Confirm",
            cancelButtonText: "Back",
            showLoaderOnConfirm: true,
          }
        ).then((isConfirm) => {
            if (isConfirm) {
              console.log('CONFIRMED');
              swal('Saved!', 'Incident reported.', 'success');
            }
          },
          function() {
            console.log('BACK');
          });
        return false;
    });
  </script>

or

  <script>
    $('#btn-sw-confirmation').on('click', function (e) {
      e.preventDefault();
        swal(
          {
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#41B314',
            cancelButtonColor: '#F9354C',
            confirmButtonText: 'Yes, save it!'
          }
        ).then(swal(
                'Saved!',
                'Incident reported.',
                'success'
              )
        ).catch(swal.noop);
     });
  </script>

[gverni]

@sitWolf it’s pretty clear from the video that the SweetAlert2 gets executed correctly both times (i.e. the two alerts are shown in both occasions). So why do you think the issue is with SweetAlert? Have you checked the browser console to debug the issue?

[gverni]

Hi @sitWolf which version of SweetAlert are you using? Clearly you are not using the latest version since the swal is now invocated using Swal.fire().

I tried your code (with some changes) on the latest version and I haven’t reproduced the issue. Please provide a live example using the instructions here