Sweetalert: Obtenir « Erreur de plage non détectée : taille maximale de la pile d'appels dépassée ». Erreur

Créé le 10 oct. 2014 · 10Commentaires · Source: t4t5/sweetalert

SweetAlert fonctionne parfaitement, mais j'ai une erreur. J'utilise le modal bootstrap et pendant que je l'ai ouvert, j'utilise également SweetAlert. Après avoir cliqué sur 'Annuler', 'OK'... sur SweetAlert, j'obtiens cette erreur 'Uncaught RangeError: Maximum call stack size missing' Le problème est ici :

      if (btnIndex === -1) {
        // Something in the dom, but not a visible button. Focus back on the button.
        $targetElement.focus();
      }

Lorsque je commente ce code, je n'ai plus l'erreur.
PS: je n'obtiens pas cette erreur lorsque je n'ai pas ouvert le modal.

Source

ramysa

Commentaire le plus utile

j'ai la solution :
Commenter:
$targetElement.focus ();
_Probablement dans la rangée 413._

reason211 le 1 sept. 2016

👍4

Tous les 10 commentaires

J'ai eu cette erreur aussi.
C'est parce que SweetAlert se bloque avec le modal d'amorçage, je suppose que vous essayez de déclencher une alerte douce lorsque vous avez un modal ouvert (de bootstrap). C'est à ce moment-là que cette erreur que vous avez mentionnée se produit.
Vous devez d'une manière ou d'une autre (enfin, je ne sais pas quels sont vos besoins) d'abord fermer le modal d'amorçage, puis ensuite déclencher l'alerte douce. Et ça ira.

slavikbialik le 12 oct. 2014

👍3

Merci @littleneotrix. Exactement, j'essayais de déclencher l'alerte douce pendant que le modal d'amorçage était ouvert et que votre solution fonctionnait totalement, mais dans mon application, je devais le laisser ainsi, c'est pourquoi j'ai dû commenter le code.

ramysa le 12 oct. 2014

Eh bien, vous pouvez essayer et jouer un peu avec...
Vous pouvez avec Javascript juste avant d'ouvrir Sweetalert, utilisez simplement .hide() sur le modal bootstrap,
et seulement ensuite, ouvrez le Sweetalert, mais faites-le comme ça plus ou moins :

swal({   title: "Are you sure?",   text: "Your will not be able to recover this imaginary file!",   type: "warning",   showCancelButton: true,   confirmButtonColor: "#DD6B55",   confirmButtonText: "Yes, delete it!",   closeOnConfirm: false }, function(){   $('#myModal').modal('show')});

Comme vous pouvez le voir dans la fonction à la fin de l'objet, je lui dis de rappeler le modal.
Alors... masquez d'abord le modal -> invitez le sweetalert -> à la confirmation de sweetalert, relancez le modal.
C'est la meilleure solution que je peux fournir ;)
À moins bien sûr que bootstrap ne résolve ce problème.

slavikbialik le 12 oct. 2014

👍1

Je rencontre le même problème. Est-ce un problème de bootstrap ou sweetalert ? Le message d'avertissement dans mon cas est généré par sweetalert, mais pourrait être causé par bootstrap.

manzato le 13 déc. 2014

j'ai la même erreur
dans mon cas, j'ai des boutons dans mon modal, les boutons signifient supprimer des éléments, lorsque je clique, j'utilise swal pour confirmer, à ce stade, aucune erreur, mais lorsque je continue et que je clique sur le bouton 'annuler' ou 'confirmer', j'obtiens le Erreur.

firstdev le 14 déc. 2014

Je reçois également ce problème, reportant l'utilisation de la classe d'alerte de bootstrap pour le moment.

kedarv le 21 déc. 2014

J'ai rencontré le même problème et j'ai trouvé une façon décente de le gérer. Je cache essentiellement le modal, affiche le swal et, après confirmation, ramène le modal. Si l'on utilise Magnific Popup par exemple, le code ressemblerait à ceci :

$('.mfp-wrap').hide();
swal({
    title: "Updated!",
    text: "#" + data.updateData['number'] + " was successfully updated",
    type: "success"
},
function(isConfirm) {
    $('.mfp-wrap').show();
});

C'est essentiellement ce dont parlait

Pour ceux qui demandent, je ne pense pas que les développeurs puissent faire grand-chose pour résoudre ce problème. Les doubles modaux et les rappels sont lourds.