fix fouc

jderochervlk · jderochervlk · commit 62a4916703e1 · 2025-09-28T16:48:56.000-04:00
diff --git a/app/root.res b/app/root.res
@@ -30,6 +30,10 @@ let default = () => {
   let (isOverlayOpen, setOverlayOpen) = React.useState(_ => false)
   <html>
     <head>
+      // This is to prevent FOUC (flash of unstyled content)
+      // This line has to be above everything else
+      <style> {React.string("html{opacity: 0;}")} </style>
+
       <link rel="icon" href="data:image/x-icon;base64,AA" />
       <link rel="preload" href="../styles/main.css" type_="text/css" />
       <link rel="stylesheet" href="../styles/main.css" />
diff --git a/styles/main.css b/styles/main.css
@@ -551,4 +551,12 @@
 .CodeMirror-overlayscroll-vertical div {
   right: 0;
   width: 100%;
+}
+
+
+
+/* This has to stay at the end! */
+/* This is to prevent FOUC (flash of unstyled content) */
+html {
+  opacity: 1;
 }
