notion-enhancer/notion-enhancer.github.io

Hiding the entire page initially via CSS is not accesible

kidonng opened this issue · 1 comments

kidonng commented

The entire page has .hidden class on it which is removed when the page finishes loading JavaScript:

notion-enhancer.github.io/_layouts/base.njk

Line 3 in 7667e8f

<html lang="en" class="h-full w-full hidden">

The problem is:

  • JavaScript may fail, or even be disabled.
  • The page stays invisible even after most things are loaded

Would you like to explain the reason to do this? Could we get rid of it?

dragonwocky commented

It was done to prevent a flash of unthemed content on load prior to the correct theme (dark/light) being applied to the page. It's more important for the page to work, though, so I'll remove that.