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

    GeoComplete Widget is getting cut off when editing address

    Asked by EffieMcNair on March 10, 2016 at 06:49 AM

    Hi,

    Why I try to edit the address GeoComplete cuts the field.. how do I fix that?

    Please see screenshot attached...

     

     

    Thanks

    Effie

    Screenshot
    geocomplete widget geocomplete thanks attached how
  • Profile Image

    Answered by EffieMcNair on March 10, 2016 at 06:51 AM

    I forgot to link the form...here it is:

    https://www.jotform.com//?formID=60521600524846

  • Profile Image
    JotForm Support

    Answered by Boris on March 10, 2016 at 08:32 AM

    Thank you for the screenshot and the link, Effie. I see what you mean, the popup from the GeoComplete widget appears to be cut off.

    In order for the GeoComplete widget to provide all its functionality, the widget had to be implemented inside a separate box called an iFrame - so that its scripts can run without conflicting with the form or any other scripts you may have on the page. Unfortunately, this means that the widget has to recalculate and guess its height every time there is a change in the widget, and sometimes it may not correctly calculate how much space it's iFrame should be taking.

    In case of your form, however, that is not what is actually causing the issue. The cause of the exact issue you are experiencing is existing custom CSS on your form, this bit of code is limiting the Geo Complete widget from taking the full height it needs:

    #id_9 {
        height : 55px;
    }

    Please remove it by opening your form in the Designer:

    Once there, switch to the CSS tab and remove the offending line of CSS:

    Please let us know if this resolves the issue you were experiencing.