Safari 上的 matTootip - 如何防止 matTootip 阻止 Safari 上的输入文本? [英] matTootip on Safari - How to prevent matTootip from blocking input-text on Safari?

问题描述

我正在使用来自 Angular 的

知道如何解决这个问题.

解决方案

问题已修复.解决方案在某种程度上很简单......我确实在 mat-form-field 而不是在 input 中添加了属性:matTooltip自己.

<mat-form-field matInput matTooltip="Vestibulum ac diam sat amet quam vehicula."><input type="text" matTooltipPosition="right" formControlName="password" name="xxx" #inputXxxx></mat-form-field>

I'am using a matTooltip from Angular Material for an input field... the input is a kind of overlapped on Safari, so that I can't type in it.

I have been changing the position of the toolTip, but id didn't help.

<input type="text" matInput matTooltip="Vestibulum ac diam sit amet quam vehicula." matTooltipPosition="right" formControlName="password" name="xxx" #inputXxxx>

The toolTip is working fine on all other browser.

This is how the Input filed looks like then:

Any idea how to work around this issue.

解决方案

Issue is fixed. The solution was in a way simple... I did add the attribute: matTooltip in the mat-form-field instead of in the input itself.

<mat-form-field matInput matTooltip="Vestibulum ac diam sit amet quam vehicula.">
    <input type="text" matTooltipPosition="right" formControlName="password" name="xxx" #inputXxxx>
</mat-form-field>

这篇关于Safari 上的 matTootip - 如何防止 matTootip 阻止 Safari 上的输入文本?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！