Skip to content

Reduce FOUC of Web-Components #365

@AndyOGo

Description

@AndyOGo

Are you reporting a bug or a feature?

  • Feature

Expected Behavior

Each Web-Component should display it's content upon Connection and not any time sooner.

Actual Behavior

Each Web-Components renders it's children without any styles, once the custom element gets asynchronously connected it re-renders again, flattening it's local and light DOM and applies it's custom CSS styling. This process is visible as an ugly FOUC (Flash of unstyled content).

Steps to Reproduce the Problem

  1. just go to https://axa-ch.github.io/patterns-library/organisms.html

web-components-fouc

Specifications

Any browser

Metadata

Metadata

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions