Form Sumission BUG?

Hello Everyone,

not sure if I experienced a BUG - however sind yesterday my Lead-Form doesn´t fire any submissions anymore - even though it used to do. I did not change anything in webflow.

Please see my short Loom video - showing my set up and form. I integrated the Form Submision Button into a Div Container to have some anymation running. It worked as said. Once I take out the Form Submission Button from the Div Container it works. Funny part is that in the preview it works but opnce I push it live it does not. Any idea?

Best
Oliver

You’re suppressing user mouse interaction with your wrapper with this CSS, so when your submit button is inside of it, it cannot be clicked.

image

Hello @memetican Michael,

many thanks for taking care but unfortunately that is not the problem. I need the pointer events on the animation layer, laying over the actual submission Button to fire the submission. (as said - it did work previously) How ever to actually double check I did remove the pointer events from all divs inside the button - which obviously destroys the animation - but to show case that this is not the problem. I think it is also interesting that in the preview mode - everything seem to work fine but releasing it causes the issue.

here is my loom recording:

Just in case here is also my share link:

https://preview.webflow.com/preview/interchord?utm_medium=preview_link&utm_source=designer&utm_content=interchord&preview=377299e2e6dbe8a223e3457452df455a&pageId=65f170a342b2f209d3f32807&workflow=preview

Any other idea?

Thanks for your help.

Oliver

Since I can’t change anything, there’s very little I can do through the readonly to help you debug what you’ve built. But from what you’re saying-

  • You’re intentionally blocking clicks to your submit button with pointer events CSS, because of something you’re trying to do with animation
  • Your form submits fine when you “disable” that, by pulling your submit out of the pointer-events-suppressed DIV
  • Your intention is to cause the form submit to happen somehow after the animation completes.

On that 3rd item, I’m not seeing the code to trigger the form submit, and that sounds like the most likely source of your problem.

I can also see you’re using Mike Pecha’s inputflow lib, which I think helps you with the multi-step form navigation.

So there are a few obvious places where the breakdown or a conflict could be occurring. You basically need to peel that back, and disable those pieces until you find the specific problem around your form submit event.

1 Like