Maximum call stack size exceeded on class change - Bootstrap, jQuery
I am using jQuery 2.1.1, jQuery UI 1.11, Bootstrap 3.2, Fuel UX 2.3 (Form Wizard only) and BootstrapValidator v0.5.1-dev.
I have a huge loading form in the Fuel UX Wizard, with BootstrapValidator validation, and a ton of jQuery for events and things (total page is 1900 lines so I haven't provided any code).
I had a div with class col-xs-8 around my whole form, everything worked fine. Then I changed it to class = "container" (only change in code, reproduced a couple of times back and forth) and now the Chrome console says:
Uncaught RangeError: Maximum call stack size exceeded
Why?
I checked the call stack, there is nothing but jQuery functions in there (so it shouldn't be something that I was running BootstrapValidator, right?).
I have another page with the same priority, similar size and similar code - there the change from .col-xs-8 to .container went smoothly.
Update: I found that if I leave the main div without a class, I also get a RangeError. Sooo here's my JS https://gist.github.com/sofixa/be2e575cf8a198c1cf89
source to share
If your form is NOT structured with Bootstrap classes (the element containing the field and associated label does not have a form group class), you will see an error message:
Uncaught RangeError: Maximum call stack size exceeded
Ref: The maximum call stack size exceeded the error warning in the official docs.
source to share