The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Bootstrap 3 Modals and Magnific Popup Cause Stackoverflow

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #236445

    Hello everyone, hoping someone here has some ideas about this.

    I’m having an interesting issue when combining Boostrap 3 Modal with Magnific Popup. I have a Bootstrap Modal that contains a list of videos, and each video has a view link that opens up a Magnific Popup iframe popup.

    Everything worked fine until I played with Magnific Popup’s z-index in order to get it to appear on top of the Bootstrap Modal. Problem is, if you try and close the Magnific Popup (or interact with it at all) a stackoverflow error occurs (Maximum call stack exceeded).

    Note: Everything works fine if I leave the z-index of the Magnific Popup alone.

    Simplified Example:

    Note: codepen suppresses SO errors, so the issue is not as obvious. But on my site, the SO occurs locking the browser up.

    I think it has something to do with how clicking outside of a Bootstrap Modal closes the modal, but I changed the modal backdrop to static (forces user to click the x or close button) but no change. Any ideas?

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.