conflict with divi contact form

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 5 years, 7 months ago by nicowob.

@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

• This reply was modified 5 years, 7 months ago by Philipp Stracker.
• This reply was modified 5 years, 7 months ago by Philipp Stracker.

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 5 years, 6 months ago by nicowob.

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