Safari 上的 matTootip - 如何防止 matTootip 阻止 Safari 上的输入文本？答案

【问题标题】：matTootip on Safari - How to prevent matTootip from blocking input-text on Safari?Safari 上的 matTootip - 如何防止 matTootip 阻止 Safari 上的输入文本？
【发布时间】：2018-07-26 11:37:42
【问题描述】：

我正在使用来自 Angular Material 的 matTooltip 作为输入字段...输入在 Safari 上是一种重叠，因此我无法输入。

我一直在改变 toolTip 的位置，但是 id 没有帮助。

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

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

这就是输入文件的样子：

知道如何解决这个问题。

【问题讨论】：

悬停时输入是什么样的？可以发个截图吗？
@Edric：已添加截图。

标签： css angular angular-material

【解决方案1】：

问题已解决。解决方案很简单……我确实在mat-form-field 中添加了属性：matTooltip，而不是在input 本身中。

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

【讨论】：