Angular4 mat-form-field textArea 无法启用水平调整大小

Posted 2023-05-07

【中文标题】Angular4 mat-form-field textArea 无法启用水平调整大小

【英文标题】：Angular4 mat-form-field textArea can not enable horizontal resize

【发布时间】：2019-04-26 03:56:43

【问题描述】：

我正在尝试将 mat-form-field 组件与 textarea 一起使用，我希望能够在 x 和 y 上调整大小。 但是添加resize: both; 并没有使它起作用，解决方案是什么？

代码：

<mat-form-field style="resize: both;">
    <textarea matInput placeholder="Leave a comment"></textarea>
</mat-form-field>

【参考方案1】：

将其应用于textarea 将允许您在mat-form-field 内调整x 和y 的大小...

<textarea style="resize:both" matInput placeholder="Leave a comment"></textarea>

不幸的是，这仅允许 textarea 在 form-field 内调整大小

包含构成mat-form-field 的所有嵌套div 元素 wrapper，尝试将其应用于所有这些可能会以嵌套的拖动角而告终，而不是一个无缝的可调整大小的元素。