You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular Material悬浮标签hover时消失或被截断问题求助

关于Angular Material mat-form-field悬浮标签异常的问题

我不想非必要时禁用悬浮标签,但它们表现异常:hover时经常完全消失、下半部分被截断,偶尔上半部分被截断。我尝试调整mat-form-field内各元素的z-index和overflow可见性,但无效。

标签消失
标签底部被截断
标签顶部被截断

遗憾的是我无法在StackBlitz上完全复现该问题,仅能在表单域与上方元素无顶部内边距时复现顶部截断情况,但我的场景中存在足够顶部内边距,且还有底部截断或完全消失的情况,因此不确定父元素内边距是问题根源。

元素高亮

以下是标准mat-form-field代码:

<mat-form-field appearance="outline" subscriptSizing="dynamic">
  <mat-label>Data Source</mat-label>

  <mat-select [(value)]="source">
    <mat-option [value]="option" *ngFor="let option of sources">
      {{ option.label }}
    </mat-option>
  </mat-select>
</mat-form-field>

表单域本身无额外样式,其父div采用网格布局,且该问题在flex布局的组件中也会出现。


内容的提问来源于stack exchange,提问作者Robert

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 00:45:12