2017-02-07 6 views
0

Я использую угловой материал в своем приложении, и я пытаюсь реализовать всплывающую подсказку на значке. когда пользователь наводится на значок, я хочу показать текст. я реализовал следующее и она отлично работает в Google Chrome, Safari и т.д.Угловой материал md-tooltip не работает в firefox

КОД

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

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

Однако он не работает в Mozilla Firefox. Я заметил, что даже в демо-странице углового материала для всплывающей подсказки в Firefox не работает. Есть ли решение для этого.

+0

он будет бит лагги в firefox, но, безусловно, он работает. – MMK

+0

Это только проблема, если вы использовали layout = "row" или layout = "column" или оба вместе где-то наверху вашего 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

Можете ли вы поместить свой рабочий код в скрипку и поделиться ссылкой на отладку? –