Как создать текстовое поле внутри сетки, чтобы оно вписывалось во весь контент элемента сетки?

Question

Я использую следующее:

https://troolee.github.io/gridstack.js/

Для каждого элемента grid-stack-item у меня есть div-элемент grid-stack-item-content. В каждом из них у меня есть 2 div с классом.panel-header, в котором есть заголовок блока / панели и текстовое поле под ним. Проблема в том, что текстовая область никогда не помещается на всю высоту панели, даже если я установил высоту текстовой области равной 100% как по ширине, так и по высоте.

Answer 1

textarea не работает с обычным стилем высоты, имеет атрибут row

<textarea cols="30" rows="10" class="form-control"></textarea>

если вы увеличиваете или уменьшаете ряды, это будет увеличиваться или уменьшаться для того, чтобы делать это автоматически, вам нужно объединить событие изменения размера гридстака с некоторым решением, уже отвеченным здесь