2017-02-07 3 views
0

私のアプリケーションで角度のある素材を使用しています。アイコンにツールチップを実装しようとしています。ユーザーがアイコンにカーソルを合わせると、テキストが表示されます。私は次のことを実施しているし、それはMozilla Firefoxのでは動作しません。しかし、それは、グーグルクロームでサファリなど角度のある素材md-tooltipがfirefoxで動作しません

CODE

<i class="icon icon-sm icon-recent"><md-tooltip md-visible="$ctrl.recentApp.showTooltip" >Recent</md-tooltip></i> 

    $ctrl.recentApp = {showTooltip: false,tooltipDirection: ''}; 

を正常に動作します。私はFirefoxのツールチップの角材料デモページでさえ機能しないことに気付きました。このための解決策はありますか?

+0

これはFirefoxで少し遅くなりますが、確かに動作します。 – MMK

+0

レイアウト= "行"またはレイアウト= "列"、またはその両方をhtmlの上のどこかで一緒に使用した場合にのみ問題になります。 – MMK

答えて

0

これはFirefoxの既知の問題です。次のスニペットを試してみてください。

<i class="icon icon-sm icon-recent" ng-mouseenter="$ctrl.recentApp.showTooltip" ng-mouseleave="!$ctrl.recentApp.showTooltip"><md-tooltip md-visible="$ctrl.recentApp.showTooltip" >Recent</md-tooltip></i> 

$ctrl.recentApp = {showTooltip: false,tooltipDirection: ''}; 

+0

私は試してみましたが動作しませんでした:(@david – Shareer

+0

作業用コードをフィドルに入れて、デバッグするリンクを共有できますか? –

関連する問題