Click interaction on Form parent container causes form to close

[steelesong (Joshua)]

I have a div that hold a form. I animate it in using an anchor tag in my hero image. The div also goes away when you click on the anchor again.

For some reason, the div container randomly flys away when someone is filling out the form.

You can see it live here

http://inspirapublic.azurewebsites.net/

and in webflow here

https://preview.webflow.com/preview/work-inspira-revamp?preview=ed5aeb8e07e1818a74e6ad97c1bc10b6

Just click on the ‘How Can We Help You’ button in the hero image

It does it both in the webflow client AND when I export the project and convert it to a .net application. So it has to be something I’m setting up incorrectly in the webflow client. Someone please help.

---

Here is my public share link: LINK
(how to access public share link)

[cyberdave (Dave S.)]

Hi @steelesong, thanks for the good question. It looks like the same interaction is assigned to the form activator link, and the HiddenHeroFormContainer element.

When the menu is open, any click within the HiddenHeroFormContainer is causing the form to close.

I would perhaps create a close button within the HiddenHeroFormContainer and set the interaction on the close button only, instead of the HiddenHeroFormContainer which is wrapping the whole form element.

[steelesong (Joshua)]

This seems GENIUS. and really simple.

I will try this and let you know how it goes.

[steelesong (Joshua)]

This worked. Thank you!