I am having an issue with different contact forms (I've tried a few) on mobile devices. The issue being that you have to click submit twice.

The first time you click the text grey's out a bit like placeholder text but is still typable. It does nothing else until clicked again.

I have only tested on Firefox mobile so far.

  • 2
    how is the form implemented? can we see code? can we see an example? I don't know how anyone is going to provide an answer with the info provided. – Milo Sep 4 '15 at 19:53
  • The problem can be causes by some code conflict. Try removing any position: absolute; in your code to see if it fixes it. – matthew Sep 4 '15 at 20:10
  • show the code for those forms and related css – jycr753 Sep 7 '15 at 20:25
  • Firefox mobile is not a standard device browser and has some known issues. Try a stock browser (the one that comes with the device) and work from there. – Innate Sep 8 '15 at 13:41

It sounds like a 'classic rollover effect bug' to me: if you trigger a visual effect on any link (or 'button') either with jQuery or JavaScript, users on touch devices may be forced to click twice: "iPad/iPhone hover problem causes the user to double click a link"

I suggest you either try to replace the 'mouseover' effects with css :hover effects or trigger the jQuery event only, if the user is not on a touch device.

A third way can be found on the page over at stackexchange that I linked above: add a jquery snippet that tells the (iOS) browser the link was actually clicked.

PS: it could be useful anyways if you could either provide code or name any of the contact form plugins you used.

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.