md-tooltip 和 safari 的问题

【问题标题】：Problems with md-tooltip and safarimd-tooltip 和 safari 的问题
【发布时间】：2018-04-13 18:36:38
【问题描述】：

我有以下html代码

            <div class="input-group">
              <input class="form-control" type="number" 
              [(ngModel)]="cons.failPercent" [ngModelOptions]="{ 
              standalone: true}"
              mdTooltip="Typically valves can be repaired three times 
              before they need to be replaced"
              mdTooltipPosition="right"
              autofocus/>
            </div>

我正在使用 Angular 4，工具提示阻止在 Safari 的输入框中输入内容，但在 Chrome 中它可以正常工作。有没有办法让工具提示在 Safari 中仍然有效？

【问题讨论】：

如果我的解决方案对你有用，请你投票给我/我的回答吗;-)

标签： angular angular-material

【解决方案1】：

我确实遇到过一次这个问题...您必须从 input 中删除 mdTooltip 并将其用作 div 中的属性 标签，然后它会工作：

<div class="input-group" mdTooltip="Typically valves can be repaired three times before they need to be replaced">
   <input class="form-control" type="number"[ 
          [(ngModel)]="cons.failPercent" [ngModelOptions]="{ 
          standalone: true}"
          mdTooltipPosition="right"
          autofocus/>
</div>

我也会使用 matTooltip 而不是：mdTooltip。 Here你可以找到我的老问题

【讨论】：