Elementor Forms Issue, (With Popup / Form Field Headings Clickability )

Many of my websites have elementor forms within a popup. I noticed this problem recently where I click a ‘request service’ button on the website and the popup opens with a form, the area above each field in the form has a label, and normally that label when clicked will focus the text field, or if a radio button, will select the item. What happens now is that clicking on this label field closes the popup.

I have several sites this is affecting, and oddly, I have several other sites setup the same exact way, where it’s not an issue.

As a temporary workaround, I used custom CSS to disable the clickability all together so the customer doesnt loose their form progress as they fill out a form.

I used something like this:

“

.elementor-field-label {
pointer-events: none;
}
[for^=”form-field-service-“] {
pointer-events: none;
}

“

I have tried rebuilding the form, and I have noticed that there is no real difference between sites where this is a problem, and those where it works fine where the popup stays fine and they can easily select a field or radio item by clicking on the field label.

Anyone have any idea what this is about?

• This topic was modified 1 year, 2 months ago by inspir3d.

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