时间戳

首页 > 解决方案 > 如何使我的物化文本区域不被切断？

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

问题描述

我正在使用物化来制作两条消息，这些消息将以文本区域的形式显示在卡片上。我将使用 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>

标签： htmltextareamaterialize

解决方案

我想你可以尝试启用自动调整大小。但它似乎仍然有上限

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

您还可以使用以下方法触发它调整大小：

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

推荐阅读