Support » Plugin: Variation Swatches for WooCommerce » Modal “tawcvs-modal-container” pops when editing pages and blocks entire page

  • balvarezboxfishstudio

    (@balvarezboxfishstudio)


    I am having the same issue as this one but this open issue has no response. https://wordpress.org/support/topic/modal-appearing-for-no-reason-while-editing-pages/

    After activating this plugin, I discovered that inside the admin dashboard, when I try to edit a page (it only happens in some pages), a grey overlay is blocking the entire window, not allowing me to edit anything inside the page unless I remove the modal DOM element.

    The modal that is causing this issue is #tawcvs-modal-container that inside has a <h2>Add new term</h2>, 2 input fields for name and slug, and 2 button to submit and cancel. I tried manipulating the CSS to see what this modal does and is totally unresponsive.
    I find no obvious reason why is appearing in some pages only and in others it doesn’t.

    Any help would be highly appreciated.
    Thank you very much! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • balvarezboxfishstudio

    (@balvarezboxfishstudio)

    Checking your code I can see that it comes from the function add_attribute_term_template but I see no correlation of why this function will success on injecting the modal HTML in an edit post page…

    Maybe an explanation of what this is intended for would help me debugging why it only appears in some pages, and how I can make it disappear.

    Thanks!! 🙂

    I have the same problem. did you manage to solve it?

    balvarezboxfishstudio

    (@balvarezboxfishstudio)

    Not really, in the meantime we just wrote an ugly CSS generic rule to avoid it:

    .media-modal-backdrop {
     visibility: hidden;
    }

    But this is not a proper solution and it could have some side effects if that CSS class is used somewhere else.

    The solution is not the best, but I will do the same so as not to get angry … Thanks!

    Plugin Author ThemeAlien

    (@themealien)

    Hello,

    it seems to be a conflict issue with another plugin. The CSS class “.media-modal-backdrop” should be styled by default. It is a default CSS class of WordPress. We will test it and fix this issue in the next update.

    Thank you

    balvarezboxfishstudio

    (@balvarezboxfishstudio)

    To better hide the modal when editing pages, we have replaced the previous CSS with:

    body.wp-admin.post-type-page #tawcvs-modal-container {
        display: none !important;
    }

    This way, we are not hiding the default wordpress modal class, but hiding the modal generated by this plugin.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.