Loading CSS issue (FOUC) on optional parameter
I have setup a simple website with below route.
Building to a production website, the CSS for the /home component is included in the head
When I'm using optional parameter (https://start.solidjs.com/core-concepts/routing) as below
The CSS for the /home component is not included in the head.
As a result, the page show unstyled content for a while (depending on the network) and then load the CSS.
I have attached the simplified version.
visit http://localhost:3000/home -> Home css is loaded before the root.css
visit http://localhost:3000/home2 -> root css is loaded before.
How can I get the CSS to be loaded early? To avoid Flash of Unstyled Content?
Building to a production website, the CSS for the /home component is included in the head
When I'm using optional parameter (https://start.solidjs.com/core-concepts/routing) as below
The CSS for the /home component is not included in the head.
As a result, the page show unstyled content for a while (depending on the network) and then load the CSS.
I have attached the simplified version.
visit http://localhost:3000/home -> Home css is loaded before the root.css
visit http://localhost:3000/home2 -> root css is loaded before.
How can I get the CSS to be loaded early? To avoid Flash of Unstyled Content?
test-optional-params-css.zip71.62KB
SolidStart Beta Documentation
Early release documentation and resources for SolidStart Beta
