mat-form-field不考虑提示消息的高度

Question

我正在尝试使用角形材料创建一个非常简单的形式。所有垂直的examples in the documentation建议通过将单个mat-form-field包装在<p></p>标签中或使用<br />标签将它们分开来完成此操作。

但是，在两种情况下，提示文本的高度均未得到遵守，这意味着如果我们有较长的提示文本，它将与下一个表单元素重叠。

This stackblitz示例说明了此问题。它基于官方示例，只是带有更长的提示文本，结果如​​下所示：

如何创建一个具有适当高度的单个表单字段的简单垂直表单？