css - Safari 上的 matTooltip - 如何防止 matTooltip 在 Safari 上阻止输入文本？

Question

我正在使用 matTooltip来自 Angular Material 的输入字段...输入在 Safari 上有点重叠，因此我无法输入。

我一直在更改工具提示的位置，但 id 没有帮助。

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

工具提示在所有其他浏览器上工作正常。

这就是输入字段的样子:

知道如何解决这个问题。

Answer 1

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

<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>