如何使我的物化文本区域不被切断？

Question

我正在使用 materialize 制作两条消息，它们将以文本区域的形式显示在卡片上。我将使用 javascript DOM 操作来允许某些用户编辑它们，并使其对某些用户只读。我已经添加了所有的 javascript 代码，它工作得很好，但问题在于 HTML，而不是 javascript。 textarea 只显示一行半然后切断。

这是我的代码：

 <div class="row">
    <div>
        <div class="card green accent-1">
            <div class="card-content blue-text" id="general-messages-card">
            <span class="card-title">General Messages</span>
            <textarea class="blue-text materialize-textarea" onchange="generalMessagesUpdate()" style="border: none;" id="general-messages"></textarea>
        </div>
        </div>
    </div>
</div>

Answer 1

我想你可以尝试启用自动调整大小。但是好像还是有上限的

M.textareaAutoResize($('#my-textarea'));

您也可以使用 :

触发它调整大小

$('#my-textarea').trigger('autoresize');