Text area In IE (Microsoft Edge) has a scrollbar

  • ChildrensChristianSchool
    Asked on June 25, 2018 at 3:26 PM

    Hi, this is how the field looks in IE (Microsoft Edge). There should be no scroll bar, it appears correctly in chrome. Those are the only 2 browsers I have tried.

    1529954562Capture Screenshot 10

    Chrome Screen shot (ALL GOOD)

    1529954691Capture 2 Screenshot 21

    Can you help with this issue, I'm stuck and don't want to mess with "other" code that will distort my page.

    Thanks!

  • Adrian
    Replied on June 25, 2018 at 3:52 PM

    I believe this is the form that you are talking about.

    https://form.jotform.com/61447344476158

    Contact Us tab.

    Inject the following CSS to your form to get rid of the scrollbar in Edge/IE:

    textarea#input_75 {
      overflow: hidden;
      min-height: 240px;
    }

    (How-to-Inject-Custom-CSS-Codes)

    Let us know if you need further assistance.

  • ChildrensChristianSchool
    Replied on June 25, 2018 at 6:41 PM

    Thank You, however it seems it did not work.

  • Kevin Support Team Lead
    Replied on June 25, 2018 at 9:56 PM

    I have checked your form and did not find the CSS code my colleague provided, instead I can see a syntax error, an additional "}" is placed in there, please delete it: 

    1529977988screenshot 01 Screenshot 10

    Now, you may try with the following CSS code: 

    #input_75 {

        height: 250px !important;

    }

    Follow the guide my colleague shared before in order to inject the code. If it does not work, please do not delete it from your form and let us know, this way we can see why the code does not work. 

    We will wait for your response. 

  • ChildrensChristianSchool
    Replied on June 26, 2018 at 2:07 AM

    Sorry for the confusion. Its Form https://form.jotform.com/ChildrensChristianSchool/2016-2017

    Not the one you looked at.

  • Kiran Support Team Lead
    Replied on June 26, 2018 at 3:27 AM

    Please be noted that the Textarea field will be displayed with Scrollbar in IE even the field is empty. Please try adding the following CSS code to the form so that the scrollbar will not be displayed.

    textarea { overflow: auto; }

    We will be happy to help. Please get back to us if you need any further assistance.