Support » Plugin: Popups for Divi » conflict with divi contact form

  • Hey Philipp,

    i’ve got a problem with divi contact form (only on firefox)

    popups makes my tabs fields shut before i can select an option

    (see the “parlez-nous de votre projet” section, the 4 last fields)

    is there a way to fix this ?

    thanks in advance !

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Philipp Stracker

    (@strackerphil-1)

    Hi @nicowob

    thanks for taking the time to report the issue!

    I have just created a small test page and can actually reproduce the issue – as you say, it happens only in Firefox.

    I’ve taken the issue on the roadmap for the next update.

    Philipp

    Ok thank you for your reactivity !

    Waiting for the update ! Meanwhile if you know a temporary way to fix it (code snippet or so), i’d be super grateful !

    Thank you !

    • This reply was modified 1 month, 3 weeks ago by  nicowob.
    Plugin Author Philipp Stracker

    (@strackerphil-1)

    @nicowob can you test out the contact forms with the new update (1.5.1)? I’ve made minor changes to the popup behavior, and in 9/10 cases the select list works perfectly now.

    However, there are some cases when the select list still closes instantly in Firefox – this has to do with the Divi-styling and is not limited to contact forms inside a popup but also happened for contact forms inside the normal page content.

    The reason seems to be the top/bottom padding of the select list (which adds the space in the top/bottom of the dropdown list). This is how Firefox behaves and unfortunately, there’s no way to fix this via javascript…

    Here’s an example of the issue with a non-popup contact form. You can see that the issue happens every 3rd click when clicking on the top or bottom padding: https://www.screencast.com/t/sxMsdK2rk

    Update:

    I did some further tests with CSS and had success by adding this CSS code to the page:

    .popup .et_pb_contact_select {
      -moz-appearance: textfield;
    }

    Can you test this and let me know if this also makes the select list work correctly in your case? When it does, I will add the CSS to the plugin.
    Also, do you use Windows or a Mac/Linux?

    Thanks for your feedback! Philipp

    Plugin Author Philipp Stracker

    (@strackerphil-1)

    An official follow-up here: I’ve integrated the above CSS into the plugin (since 1.6.0) and the contact forms are working flawlessly in all my test cases.

    If you experience any issues, please create a new thread or mark this thread as un-resolved again.

    Thanks, Philipp 🙂

    Hey Phiipp,

    Sorry to show up so late, i didn’t notice your previous message!

    I updated the plugin (1.6.2), and i still have a problem with the select list.
    Tried to add the Css either, still not working.

    i use win 10.

    thank you !

    • This reply was modified 1 month, 2 weeks ago by  nicowob.
    Plugin Author Philipp Stracker

    (@strackerphil-1)

    Thanks for the feedback.

    I’ve tested it only Firefox for Mac but will have a look at Win 10 as well.
    I’ll keep you updated here!

    Philipp

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