带有 appearance=“outline” 的 Angular Material “Form-Field” 与其他标签截断

Angular Material "Form-Field" with appearance="outline" is cut off from other labels

提问人:killexe 提问时间:8/4/2023 更新时间:8/4/2023 访问量:285

问:

更新到 Angular Material v15 后,我们的表单字段如下所示(有时 - 取决于上面的元素是否有边距/填充):

cut off label

这是以前的样子:

not cut off

从我所看到的(以及他们在文档中也写的内容)来看,他们更改了边距。比较(新版本):

margins

与以前的版本相比:

v14 (not cut off)

此外,为了证明它不仅在我们的应用程序中,我还准备了一个 stackblitz 示例来显示此行为,请参阅:Stackblitz 示例

我通过向所有 mat-form-fields 添加 padding-top: 8px 来修复标签被“切断”的问题。但是,这感觉像是一种解决方法。 有没有更好的解决方案?

材料 垫形场

评论


答: 暂无答案