TextArea disable auto vertical expand after pressing enter

  • Profile Image
    NETiNFORM
    Asked on July 15, 2016 at 05:07 PM

    Hi...

    You have to forgive me for some BAD English , i am not from any country of English idiom.

    I have a text box (Rich Text)

    And I would like it to have fixed sizes both vertical and horizontal.

    I did not want any function to change it's size.

     

    I've already done was to Disable the drag resize function;

    [Code]

    textarea {resize: none;}

    [/ Code]

     

    But this does not prevent the element "textarea" to auto increase vertically,

    if the "enter" key is pressed, at bottom of the "textarea".

     

    It would be possible to add a vertical scroll bar instead of having this auto size increase automatically.

     

    Thanks

     

  • Profile Image
    Mike_G
    Answered on July 15, 2016 at 10:01 PM

    You can try to add the CSS codes below to your form: 

    .form-textarea-limit>span>div:nth-child(2) {

        max-height: 372px !important;

        overflow: hidden !important;

    }

    Here's how it will look like: 

    Here's the link to the clone version of your form where I have applied the codes above: 

    https://form.jotform.com/61967718528976

    I hope this helps. Please let us know if you need any further assistance. Thank you.

  • Profile Image
    NETiNFORM
    Answered on July 16, 2016 at 04:56 AM

    Thanks @Mike_G

    It Works wonderful...

     

    I've try something like that

    but in the wrong field.

  • Profile Image
    Mike_G
    Answered on July 16, 2016 at 06:38 AM

    You're welcome. I'm glad that I was able to help. If you need any further assistance. Please feel free to contact us anytime.

    Thank you.