From fce96dcd7513f24cd0f513db9fcb5d2eb8f0dfcb Mon Sep 17 00:00:00 2001
From: Rich Harris <richard.a.harris@gmail.com>
Date: Mon, 18 Mar 2019 17:13:34 -0400
Subject: [PATCH] remove old style tags when updating components - fixes #2220

---
 site/src/components/Repl/Output/Viewer.svelte | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/site/src/components/Repl/Output/Viewer.svelte b/site/src/components/Repl/Output/Viewer.svelte
index d2f7b87001..55e2ca9edc 100644
--- a/site/src/components/Repl/Output/Viewer.svelte
+++ b/site/src/components/Repl/Output/Viewer.svelte
@@ -52,18 +52,17 @@
 			await proxy.fetchImports($bundle.imports, $bundle.import_map);
 			if (token !== current_token) return;
 
-			await proxy.eval(`
-				const styles = document.querySelectorAll('style.svelte');
-				let i = styles.length;
-				while (i--) styles[i].parentNode.removeChild(styles[i]);
-			`);
-
 			await proxy.eval(`
 				// needed for context API tutorial
 				window.MAPBOX_ACCESS_TOKEN = process.env.MAPBOX_ACCESS_TOKEN;
 
+				const styles = document.querySelectorAll('style[id^=svelte-]');
+
 				${$bundle.dom.code}
 
+				let i = styles.length;
+				while (i--) styles[i].parentNode.removeChild(styles[i]);
+
 				if (window.component) {
 					try {
 						window.component.$destroy();