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

问题描述

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

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.

我一直在更改toolTip的位置，但是id并没有帮助.

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>

toolTip在所有其他浏览器上都能正常工作.

The toolTip is working fine on all other browser.

输入字段的外观如下:

任何想法如何解决此问题.

Any idea how to work around this issue.

推荐答案

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

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