Colorbox jquery Uncaught RangeError: Maximum call stack size exceeded

Question

I use colorbox.js with a modal, that's loaded by ajax.

I get some errors

Uncaught RangeError: Maximum call stack size exceeded. you can check the test-side on http://selfmade01.bplaced.net/

Please use there the second button "modal load mit ajax geht jetzt bis auf colorbox"

Can anyone help?

Thanks a lot for any help.

Best regards.

Jürgen

Now it works fine.

I added this:

onOpen:function(){
    $overflow = document.body.style.overflow;
    document.body.style.overflow = 'hidden';
},
onClosed:function(){
    document.body.style.overflow = $overflow;
    $("#my-modal").modal('show');
    //document.body.style.overflow = 'auto';
},
onComplete:function(){
    $("#my-modal").modal('hide');
    $.colorbox.resize();

modal").modal('hide');
and 
modal").modal('show');

Works for me.

Best regards. }

Adding "trapFocus: false" as shown in stackoverflow.com/a/36631556/3088918 indeed fix the issue for me. — pmanolak

Eamonn Eamonn · Accepted Answer · 2016-04-14T18:49:23

I know this is an old question, but the solution is described in the answer by user2257275 here.

Basically set trapFocus to false and that should take care of the error:

.colorbox({
    height: "320",
    width: "300",
    ...
    trapFocus: false
});

Colorbox jquery Uncaught RangeError: Maximum call stack size exceeded

2 Answers