Skip to content
This repository was archived by the owner on Jun 28, 2026. It is now read-only.

Fix #5188: Generates the primereact.css so it can prevent FOUC#5228

Open
melloware wants to merge 7 commits into
primefaces:masterfrom
melloware:PR5188-css
Open

Fix #5188: Generates the primereact.css so it can prevent FOUC#5228
melloware wants to merge 7 commits into
primefaces:masterfrom
melloware:PR5188-css

Conversation

@melloware

@melloware melloware commented Nov 2, 2023

Copy link
Copy Markdown
Member

Fix #5188: Generates the primereact.css so it can prevent FOUC

  • Wrap everything in 1 layer to reduce size
  • Add global styles
  • Move keyframes inside @layer and verified everything works

@melloware melloware added the Core Team Issue or pull request has been *opened* by a member of Core Team label Nov 2, 2023
@vercel

vercel Bot commented Nov 2, 2023

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Ignored Deployments
Name Status Preview Comments Updated (UTC)
primereact ⬜️ Ignored (Inspect) Visit Preview Mar 18, 2024 0:27am
primereact-v9 ⬜️ Ignored (Inspect) Visit Preview Mar 18, 2024 0:27am

@gestion-procesos

Copy link
Copy Markdown

any update here?

@melloware

Copy link
Copy Markdown
Member Author

Just waiting for PrimeTek to review.

@nitrogenous

Copy link
Copy Markdown
Contributor

Will discuss this week for next release

@mertsincan

Copy link
Copy Markdown
Member

We need to do something like ServerStyleSheet. Exp;
https://medium.com/swlh/server-side-rendering-styled-components-with-nextjs-1db1353e915e

@mertsincan mertsincan added the Status: Discussion Issue or pull request needs to be discussed by Core Team label Mar 25, 2024
@acho1833

acho1833 commented Jun 8, 2024

Copy link
Copy Markdown

It's been 3 months, any updates please?

@thingersoft

Copy link
Copy Markdown

@mertsincan
Any updates on the issue or the linked PR?
I’m revisiting this after more than a year, and nothing has changed. This is still a major blocker for using PrimeReact with Next.js.

@melloware

Copy link
Copy Markdown
Member Author

Only update is PrimeTek is hard at work on the v11 rewrite.

@thingersoft

Copy link
Copy Markdown

Only update is PrimeTek is hard at work on the v11 rewrite.

Thank you, is there an ETA? I need to make a decision about one of the projects I'm working on.

@melloware

Copy link
Copy Markdown
Member Author

I don't have any more info I don't work for PrimeTek.

@thingersoft

Copy link
Copy Markdown

Only update is PrimeTek is hard at work on the v11 rewrite.

I just checked the online v11 alpha demo and there’s still a noticeable FOUC.
For example, try loading or refreshing the rating component page: https://v11.primereact.org/docs/components/rating

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Core Team Issue or pull request has been *opened* by a member of Core Team Status: Discussion Issue or pull request needs to be discussed by Core Team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Flash of unstyled content (FOUC)

6 participants