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
相关产品推荐
相关产品推荐

