Sweetalert: Obteniendo 'Error de rango no detectado: se excedió el tamaño máximo de la pila de llamadas'. error

Creado en 10 oct. 2014 · 10Comentarios · Fuente: t4t5/sweetalert

SweetAlert funciona perfectamente, pero tengo un error. Utilizo bootstrap modal y mientras lo tengo abierto, también uso SweetAlert. Después de hacer clic en 'Cancelar', 'Aceptar' .... en SweetAlert, aparece este error 'Error de rango no detectado: tamaño máximo de pila de llamadas excedido'. El problema esta aqui:

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

Cuando comento este código, ya no tengo el error.
PD: No obtengo este error cuando no tengo el modal abierto.

Fuente

ramysa

Comentario más útil

Tengo la solucion:
Comentar:
$targetElement.focus ();
_Probablemente en la fila 413._

reason211 en 1 sept. 2016

👍4

Todos 10 comentarios

Yo también tuve este error.
Es porque SweetAlert se bloquea con el modal de arranque, supongo que está tratando de generar una alerta dulce cuando tiene un modal abierto (de arranque). Ahí es cuando ocurre este error que mencionaste.
De alguna manera necesita (bueno, no sé cuáles son sus necesidades) primero cerrar el modal de arranque, y solo luego activar la alerta dulce. Y estará bien.

slavikbialik en 12 oct. 2014

👍3

Gracias @littleneotrix. Exactamente, estaba tratando de generar la alerta dulce mientras se abría el modal de arranque y su solución funcionaba totalmente, pero en mi aplicación necesitaba dejarlo así, por eso tuve que comentar el código.

ramysa en 12 oct. 2014

Bueno, entonces puedes probar y jugar con él un poco ...
Puede hacerlo con Javascript justo antes de abrir Sweetalert, solo use .hide () en el modal de arranque,
y solo entonces abre el Sweetalert, pero hazlo así más o menos:

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')});

Como puede ver en la función al final del objeto, le digo que vuelva a indicar el modal.
Entonces ... primero oculte el modal -> solicite el sweetalert -> en la confirmación de sweetalert, solicite de nuevo el modal.
Esa es la mejor solución que puedo ofrecer;)
A menos que, por supuesto, bootstrap arregle esto.

slavikbialik en 12 oct. 2014

👍1

Estoy experimentando el mismo problema. ¿Es esto un problema de bootstrap o sweetalert? El mensaje de advertencia en mi caso lo genera sweetalert, pero podría ser causado por bootstrap.

manzato en 13 dic. 2014

Tengo el mismo error
en mi caso, tengo botones en mi modal, los botones significan eliminar cosas, cuando hago clic utilizo swal para confirmar, en este punto no hay error, pero cuando procedo y hago clic en el botón 'cancelar' o 'confirmar', obtengo el error.

firstdev en 14 dic. 2014

También estoy recibiendo este problema, difiriendo el uso de la clase de alerta de bootstrap por ahora.

kedarv en 21 dic. 2014

Me encontré con el mismo problema y se me ocurrió una forma decente de manejarlo. Básicamente oculto el modal, muestro el trago y, al confirmar, devuelvo el modal. Si uno está usando una ventana emergente magnífica, por ejemplo, el código se vería similar a esto:

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

Esto es básicamente de lo que estaba hablando @littleneotrix . Simplemente no entendí su explicación al principio y pensé que daría un ejemplo más detallado. Me parece una solución lo suficientemente elegante para mi caso de uso.

Para aquellos que preguntan, no creo que los desarrolladores puedan hacer mucho para solucionar este problema. Los modales dobles y las devoluciones de llamada son considerables.