What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Auto Complete Popup Positioned Wrong

    Asked by msfirth on March 13, 2011 at 08:56 PM

    On my form the auto complete pop up pops up near the bottom instead of under the auto complete text box.

     

    Does anyone know how this can be be fixed?

     

    I'm guessing the JotForm JavaScript code is meant to automatically find the position of the text field and display the pop up under it correctly, but this isn't happening.

     

    Many thanks,

     

    Mark

    Page URL:
    http://www.jotform.com/msfirth/bat

  • Profile Image

    Answered by DanielGriffin on March 14, 2011 at 10:14 AM

    Hi Mark,

    It looks like the divs which contain the autocomplete options might have shifted somehow.  I see them in the foot of the page (they all have the class ".form-autocomplete-list"), and their values for the positions do look fairly big, but I'd say it's more than likely got something to do with the show/hide sections functionality.

    I'm not too sure what could be causing but to fix it you could try to either:

    1.  Put them in again  (i.e. now that the show/hide code is there)

    or

    2. Inject some CSS to make the positions of the form-autocomplete-list class a relative value.

    .form-autocomplete-list {position:relative}

    (note that you may need to play around with the top and left values to get something you like)

    If neither of these work then it is a bug, and I'll need to get the developers to look at it for you.  Please get back to me and let me know.

    Thanks,

    Daniel

  • Profile Image

    Answered by msfirth on March 14, 2011 at 08:18 PM

     

    Tried every CSS setting under the sun and after 3 hours I gave up. I then decided to duplicated the form and do a process of elimination. 

     

    It turns out that the problem is when you have the form collapse set in the properties to "open" It looks like a bug.

     

    Another bug is to do with the email field. When it was contained within a form collapse and someone using the form didn't fill that part out on submit, the error messages would mess up the form collapse area for that object and the form became unusable. 

     

    I deleted it then added back in which fixed it, but after developing the form some more, the bug appeared again. So for now I have moved the email out of the form collapse to avoid too much debuggin!

     

    Regards,

     

    Mark