Многострочная всплывающая подсказка в ячейке мат-таблицы не работает

Question

Я сделал всплывающую подсказку для матов как многострочную со следующим стилем в глобальном css.

 .mat-tooltip-class-here {
  white-space: pre-line !important;
 }

Это работает с диапазоном и кнопкой, но не с ячейкой мата.

см. на шкале (Рабочий):

see on button (Working):

see on table cell (Not working):

Not sure what is issue. I have created stackblitz here: https://stackblitz.com/edit/angular-4mtwsw

Answer 1

Имеется несогласованность в отношении символов новой строки.

Для кнопки и диапазона 
 работает как новая строка, но для ячейки таблицы нам может потребоваться использовать \r\n или \n.

IDK точная причина этого, но он работает прямо сейчас. Следует отметить, что любой стиль всплывающего окна должен применяться на глобальном уровне css, поскольку он отображается непосредственно внутри тела.