From 846b1dca1b3ff6b48c91b7f6f74e006f4efef21d Mon Sep 17 00:00:00 2001
From: Sotiri Bakagiannis <sotirios.bakagiannis@gmail.com>
Date: Tue, 29 Sep 2020 14:22:21 +0100
Subject: [PATCH 1/2] core/PsychoJS: give root element an is-ready class on
 init

---
 js/core/PsychoJS.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/js/core/PsychoJS.js b/js/core/PsychoJS.js
index 983b564..18440cf 100644
--- a/js/core/PsychoJS.js
+++ b/js/core/PsychoJS.js
@@ -165,6 +165,9 @@ export class PsychoJS
 
 		this.logger.info('[PsychoJS] Initialised.');
 		this.logger.info('[PsychoJS] @version 2020.2');
+
+		// Hide #root::after
+		$('#root').addClass('is-ready');
 	}
 
 

From e2ff2098e6abe82315feef42985d1fa8e6c35c5c Mon Sep 17 00:00:00 2001
From: Sotiri Bakagiannis <sotirios.bakagiannis@gmail.com>
Date: Tue, 29 Sep 2020 14:23:28 +0100
Subject: [PATCH 2/2] css: hide #root::after when PsychoJS initialised

---
 css/psychojs.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/css/psychojs.css b/css/psychojs.css
index 2208889..cfae0c9 100644
--- a/css/psychojs.css
+++ b/css/psychojs.css
@@ -138,6 +138,11 @@ a:hover {
   transform: translate(-50%, -50%);
 }
 
+/* Using double colons is the MDN recommended way */
+#root.is-ready::after {
+  display: none;
+}
+
 /* Initialisation message for IE11 */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #root:after {