up.framework .up-booted
CSS class

This feature is experimental. Please share your experiences so we know what to keep or change.

This class is set on the <html> element after Unpoly has booted.

All compilers will already have run on the initial page content.

You can use this class to hide elements until Unpoly has processed them, e.g. to hide switched elements before booting:

html:not(.up-booted) :is([up-show-for], [up-hide-for]) {
  display: none;
}

The class is not set when Unpoly cannot boot or fails to load. Elements hidden by such a rule would then stay hidden.