rescript-lang
diff --git a/‎app/root.res‎
Lines changed: 4 additions & 0 deletions b/‎app/root.res‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎styles/main.css‎
Lines changed: 8 additions & 0 deletions b/‎styles/main.css‎
Lines changed: 8 additions & 0 deletions
@@ -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" />
 
@@ -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;
 }