Announcement

Collapse
No announcement yet.

Mini Modal: Two Clicks to Close

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Mini Modal: Two Clicks to Close

    I am using a modal to pull up a webpage. Here is how I am calling up the modal:

    <a class="delivery" data-mini-modal data-mini-modal-type="ajax" href="delivery-options.html">

    When I click the 'X' button it doesn't close the modal window - it shows a right hand scroll bar - see screen shot. Once I hit the 'X' button a second time - then it will close. Any ideas why that might be happening?

  • I figured this out - my product image modals were doing the same thing. I had added the following code for the mini-modal to my themes.js but once I removed it, everything is working fine again and the modal is still working.


    var targets = document.querySelectorAll('[data-mini-modal]');
    for (var i = 0; i < targets.length; i += 1) {
    var modal = minimodal(targets[i], {
    // options
    statusTimeout: 600,
    removeTimeout: 600,
    closeTimeout: 600
    });
    modal.init();
    }

    Comment

    Working...
    X

    This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

    This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

    Accept