From 9568c3ff0162089773b239ecb14abf65b41803dd Mon Sep 17 00:00:00 2001
From: Tadas Karpavicius <hello@tadas.dev>
Date: Mon, 7 Feb 2022 19:05:11 +0200
Subject: [PATCH] Fix "katex is not defined" bug

In some scenarios katex.render() runs before the script is loaded. Let's do this on 'load' event instead. This way, even if the script is loaded with async and/or defer, it will still run
---
 scripts/frontend.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/frontend.php b/scripts/frontend.php
index da8fc35..ae66435 100644
--- a/scripts/frontend.php
+++ b/scripts/frontend.php
@@ -44,7 +44,7 @@ function katex_rubber() {
 	global $katex_using;
 	if ( $katex_using ) {
 		// @formatter:off
-		?><script>!function(){"use strict";for(var e=document.querySelectorAll(".wp-katex-eq"),t=0;t<e.length;t++){var r=e[t],a=document.createElement("span");try{katex.render(r.textContent,a,{displayMode:"true"===r.getAttribute("data-display"),throwOnError:!1})}catch(n){a.style.color="red",a.textContent=n.message}r.parentNode.replaceChild(a,r)}}();</script><?php
+		?><script>!window.addEventListener('load', (event) => {for(var e=document.querySelectorAll(".wp-katex-eq"),t=0;t<e.length;t++){var r=e[t],a=document.createElement("span");try{katex.render(r.textContent,a,{displayMode:"true"===r.getAttribute("data-display"),throwOnError:!1})}catch(n){a.style.color="red",a.textContent=n.message}r.parentNode.replaceChild(a,r)}});</script><?php
 		// @formatter:on
 	}
 }