A Text field is overlapping a DropDown field on Chrome and Safari

  • Profile Image
    Jennifer Hill
    Asked on October 03, 2016 at 07:21 PM
    As a side note, the browser version of the form has a drop down selection which cannot be clicked since it lays under the proceeding text. Could you please help fix this? I've attached a screenshot of the issue
  • Profile Image
    Answered on October 03, 2016 at 07:36 PM

    This issue seems to be browser specific, and is only affecting WebKit based browsers such as Chrome and Safari. To fix it, you can inject a simple line of CSS code into your form:

    .form-dropdown { -webkit-appearance: listbox !important; }

    You can add it to your form by following this guide:


    After applying the code, this is how your form will appear:

    Please try it out and let us know should you need further assistance.