Question

I am having trouble with my textarea. I have a jsfiddle here.

When you open fiddle, simply click on the “Add Question” button and yo will see a row appended underneath.

You will be able to see that the textarea’s height does not fit the whole row. My question is that how can I get the textarea’s height to fit the whole row? The height of a row can be any size, there is no fixed size.

Below is css which controls textarea(s) in appended row and the row itself:

.question textarea {
    min-width:98%;
    max-width:98%;
    resize:none;
    height:auto;
    font-size:100%;
}

.question { 
    min-width:28%;
    max-width:28%;
    border:1px black solid;
    border-collapse:collapse;
}

Please test your code in fiddle before posting your answer 🙂

Answer 1

Set textarea's height to 100%

See Fiddle