Ionic TextAreas слишком большой

Question

У меня есть текстовые поля в проекте с ионной каркасом, которые вложены в список. Текстовое поле не отображается полностью. Часть его вне экрана.

<div class="list" style="width:100%;"> 
    <label class="item item-input" style="max-width:100%"> 
     <span class=input-label>Description</span> 
     <textarea required></textarea> 
    </label> 
</div> 

, что происходит в том, что ширина текстового поля становится слишком большой, span.width + textarea.width> 100%.

Если я немного установил ширину textarea, она отображается на 100%.

Я установил максимальную ширину своего родителя на 100%, поэтому он не должен увеличиваться, но это так.

Как я могу предотвратить это поведение, и пусть текстовое поле не растет по экрану.

Answer 1

<div class="list" style="width:100%;"> 
    <label class="item item-input" style="max-width:100%"> 
     <span class=input-label>Description</span> 
     <textarea rows="4" col="12" required></textarea> 
    </label> 
</div> 

Попробуйте это. Ограничить текстовое поле атрибутом 'col'.