Auto Complete Popup Positioned Wrong

  • Profile Image
    msfirth
    Asked 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

  • Profile Image
    DanielGriffin
    Answered 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
    msfirth
    Answered 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