Interaction affecting the wrong div

I have 2 forms, each having 1 button that makes the form itself disappear and another appear. Problem is that the button is doing the 2 forms vanish.

To test, click on “ESQUECI MINHA SENHA (CLICK HERE)”

see: http://selecao-de-premios.webflow.com/

https://webflow.com/design/selecao-de-premios?preview=43d6ff8fe718eb4d1791c6ad950e07a9

Note: I tried to separate forms in separate divs, but keeps giving bug. When I put in a different container the error does not occur.

Hi, looks like in the second interaction for the link, form-esqueci, on the form-logar trigger, you have an extra display:none that you can remove, then the interaction seems to work, to switch between forms…if that is the affect you are looking for… remove the last display:none action in the screenshot for the form-logar trigger.

Try that to see if it helps your issue.

Cheers

1 Like

works visually, but since the “form” is just with opacity = 0 the fields are still there, and clicking in the “empty” can interact with the submit button…

works, but thought it was cool report, because it should not happen, he is interacting with the “form-login” and ends up giving effect in another div.