Magento contact form disappears

Question

We are facing an usual issue, when you go to https://gullybaba.magemojo.io/contacts/ and perfrom either of the below mention tasks

1. click on any blank area of the page(not on input fields) http://recordit.co/rdm5lC9JE6
2. scroll down http://recordit.co/DDGjPO4w3W

Any mouse movement on the contact form part, the form disappears. The issue is not related to google map, that we have tested with removed google map. Please advice how can we get rid of this issue.

Answer 1

I checked your code and found it is due to varienForm function calling (might be issue there) or somewhere id contactForm is set to display: none.

For quick solution, just change id of from contactForm to "any diffrent name" like contactForm23.

Please do not make change in below code for testing purpose.

var contactForm = new VarienForm('contactForm', false);

Also once you done testing with change, Please check with above code to apply same Id used in form.

Answer 2

Somewhere in CSS its adding style="display: none;"

I think in form code section:

<form class="contact-form col-lg-6 col-md-6 col-sm-6 col-xs-12" action="https://gullybaba.magemojo.io/contacts/index/post/" id="contactForm" method="post" style="display: none;">

it's adding "display:none" , So issue is with id="contactForm"

Please check in JS file , there might be any code which applies display none on form ID.