primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.48k stars 4.6k forks source link

New PrimeNG 18 beta 1 theme interop with Angular Remote MFE - Styles not loaded #16350

Open JacobSiegle opened 2 months ago

JacobSiegle commented 2 months ago

Describe the bug

With the new primeng theme it seems like the CSS getting loaded into the app relies on viewing a page on a shell app with the provided component on it. For example I only see these two classes loaded when I view a component in the shell app that has a card in it. image

The issue is that if you view an MFE app without visiting the needed components in the parent app the styles will never be loaded in - image

Any ideas on fixing like some method for forcing all styles + tokens to be loaded right away?

Environment

N/A

Reproducer

No response

Angular version

18.2.3

PrimeNG version

18.0.0-beta.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v18.20.4

Browser(s)

No response

Steps to reproduce the behavior

Load shell app Visit never view a page with a p-card so styles are not loaded in Load remote MFE app See primeng components missing styles in remote MFE app

Expected behavior

Styles load as expected

cetincakiroglu commented 3 weeks ago

Hi,

This issue has been fixed with the 18.0.0-beta.2 could you please check and feedback?