Подсказка PrimeNG не отображается ⇐ CSS

[Anonymous]

Я не могу получить всплывающие подсказки, где бы я их ни размещал. Всякий раз, когда я навожу курсор на то место, где вы активируете всплывающую подсказку, экран становится больше (появляется вертикальная полоса прокрутки, чего в любом случае не должно быть), и для всплывающей подсказки ничего не отображается. Похоже, он пытается отобразиться где-то внизу страницы, но там тоже ничего нет. В любом случае это не работает, и я не могу найти решения этой конкретной проблемы.
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TooltipModule } from 'primeng/tooltip';

@NgModule({
declarations: [
SystemComponent,
],
imports: [CommonModule, TooltipModule],
exports: [SystemComponent],
})
export class SystemModule {}

import { Component } from '@angular/core';

@Component({
selector: 'app-system',
templateUrl: './system.component.html',
styleUrls: ['./system.component.scss'],
})
export class SystemComponent {
ngOnInit(): void {}
}


System 1


.body {
display: flex;
}

Часть меня думает, что это может быть проблема с версиями. Однако я не смогу использовать последнюю версию PrimeNG, если не обновлю Angular. Вышеупомянутое — лишь небольшая часть всего моего кода, который я упростил для этого вопроса; вся кодовая база не находится в состоянии, готовом к обновлению Angular, поэтому я стараюсь этого избегать, если это возможно. Или я что-то упускаю. Возможно, есть набор стилей из PrimeNG, который мне также нужно импортировать и использовать?
"@angular/animations": "^16.2.0",
"@angular/common": "^16.2.0",
"@angular/compiler": "^16.2.0",
"@angular/core": "^16.2.0",
"@angular/forms": "^16.2.0",
"@angular/platform-browser": "^16.2.0",
"@angular/platform-browser-dynamic": "^16.2.0",
"@angular/router": "^16.2.0",
"primeng": "16.9",


Подробнее здесь: https://stackoverflow.com/questions/786 ... displaying