NeodigmCarousel | Surpress FOUC pattern

arcanus55 / neodigm55

An eclectic low-code vanilla JavaScript UX micro-library for those that defiantly think for themselves.

BSD 3-Clause "New" or "Revised" License

17 stars 2 forks source link

Closed neodigm closed 2 months ago

neodigm commented 3 months ago

Lets find a way to hide all pages except the first until navigation.

Would be interesting to see how Vuejs does it.

Steps to reproduce: See the demo game for example, seems made worse when served as a widget.

neodigm commented 2 months ago

This issue is fixed in v3.5. Simply add DATA-N55-CLOAKED=true to any page to be hidden until the Carousel is inited.

Note: This contract borrows from Vue.js v-cloaked naming.

[data-n55-cloak='true'] {display: none !important;} /* FOUC */