Всплывающая подсказка Angular Material не работает после обновления до Angular 11

Я использовал всплывающую подсказку Angular Material в своем приложении, но когда я недавно обновился до Angular 11, она перестала работать. Я создал тестовый компонент со следующим кодом в шаблоне, который я скопировал непосредственно из https://material.angular.io/components/tooltip/overview

<button mat-raised-button
        matTooltip="Info about the action"
        aria-label="Button that displays a tooltip when focused or hovered over">
  Action
</button>

У меня открыты инструменты разработчика Chrome, и я вижу изменения в шаблоне при наведении указателя мыши, но всплывающую подсказку на экране все еще не вижу.

У меня установлен Angular Material, и я импортировал все необходимые модули, поэтому я не уверен, в чем проблема (возможно, просто ошибка в Angular Material?)


angular angular11 angular-material
person ts1993    schedule 04.12.2020    source источник
comment
Не могли бы вы поделиться своим кодом, поскольку он отлично работает в angular 11. stackblitz .com / edit / angular-5c1338? file = src / styles.scss.   -  person Vimal Patel    schedule 05.12.2020
comment
Что-то, что можно быстро проверить: если вы говорите, что видите изменение HTML, связанное с ожиданием отображения всплывающей подсказки - отображается ли оно за другим контентом? У вас есть какой-нибудь z-индекс, который установлен выше всплывающих подсказок?   -  person Krenom    schedule 05.12.2020
comment
Хорошо, думаю, я понимаю, что происходит. Сама всплывающая подсказка выглядит без фона (я ожидал, что вокруг нее будет серая рамка), поэтому она кажется невидимой. Я сделал фон своей страницы синим, и теперь я вижу текст всплывающей подсказки белыми буквами. Полагаю, теперь мне просто нужно выяснить, почему стили фона испорчены. @Krenom   -  person ts1993    schedule 08.12.2020

Ответы (1)


arrow_upward
0
arrow_downward

У меня есть файл .scss настраиваемой темы. Я обнаружил, что мне нужны некоторые записи для всплывающей подсказки в теме, которых у меня раньше не было. Не знаю, зачем это нужно сейчас, но не было раньше. я добавил

tooltip: map_get($mat-grey, 700)

к паре мест в моем scss-файле. См. github.com/angular/components/issues/18139.

person ts1993    schedule 08.12.2020