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.

  • check if you have added jQuery code to add display: none onclick to element with id contactForm – Piyush Sep 18 '17 at 8:09
  • @Piyush where should i check it ? – Mek Sep 18 '17 at 9:45
  • you can check it in app/design/frontend/your_package/your_theme/template/contacts/form.phtml or in any additional js file – Piyush Sep 18 '17 at 9:53

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.

| improve this answer | |
  • 1
    Thanks Piyush & Amit, 'if i change the id in form tag & keep it "contactForm" in varian code will the form work. – Mek Sep 18 '17 at 9:42
  • @Mek it will cause in break of form validation – Piyush Sep 18 '17 at 9:51
  • Thanks @Amit it was id that was causing the issue. But the validation is not working ? – Mek Sep 18 '17 at 17:14

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.

| improve this answer | |
  • Thanks @Sheshgiri for your post, but where do you see "display:none". I am not able to view it in form tag. prnt.sc/gmj212 . Please advice what should i look out for. – Mek Sep 18 '17 at 9:38
  • When your form disappearing check from 'inspect element' in your form style:'display:none' css element is adding . – Sheshgiri Anvekar Sep 18 '17 at 12:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.