Skip to content

Conversation

@vursen
Copy link
Contributor

@vursen vursen commented Oct 14, 2025

Description

This PR replaces the opacity transition with a straightforward display: none to prevent flashes of unstyled web components on dev pages. It also preloads the InstrumentSans font on Aura pages to avoid flashes of unstyled text. Using a CSS transition seems unnecessary and can be distracting when profiling performance.

Type of change

  • Internal

@vursen vursen changed the title chore: prevent FOUC on dev pages without using transitions chore: prevent FOUC on dev pages using display: none Oct 14, 2025
@vursen vursen requested a review from web-padawan October 14, 2025 06:18
@vursen vursen marked this pull request as ready for review October 14, 2025 06:19
@sonarqubecloud
Copy link

'</title>',
`
</title>
<link rel="preload" href="/packages/aura/src/fonts/InstrumentSans/InstrumentSans.woff2" as="font" type="font/woff2" crossorigin>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This would only work for yarn start:aura but not when running yarn start and opening aura.html
Also note that this would not apply to dev pages that are being deployed to GitHub Actions.

How about adding this to aura.html directly and checking if it's present here?

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants