From e49cf6f72d7cbf89e56a39b82e2fa63ff23fc711 Mon Sep 17 00:00:00 2001
From: pngwn <hello@pngwn.io>
Date: Mon, 16 May 2022 18:29:19 +0100
Subject: [PATCH] only affect links within the document (#1282)

---
 ui/packages/app/src/Blocks.svelte | 7 ++++---
 ui/packages/app/src/main.ts       | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ui/packages/app/src/Blocks.svelte b/ui/packages/app/src/Blocks.svelte
index 7f54e7fea8..0829e91a64 100644
--- a/ui/packages/app/src/Blocks.svelte
+++ b/ui/packages/app/src/Blocks.svelte
@@ -56,6 +56,7 @@
 	export let static_src: string;
 	export let title: string = "Gradio";
 	export let analytics_enabled: boolean = false;
+	export let target: HTMLElement;
 
 	let rootNode: Component = { id: layout.id, type: "column", props: {} };
 	components.push(rootNode);
@@ -181,11 +182,11 @@
 	async function handle_mount() {
 		await tick();
 
-		var a = document.getElementsByTagName("a");
+		var a = target.getElementsByTagName("a");
 
 		for (var i = 0; i < a.length; i++) {
-			const target = a[i].getAttribute("target");
-			if (target !== "_blank") a[i].setAttribute("target", "_blank");
+			const _target = a[i].getAttribute("target");
+			if (_target !== "_blank") a[i].setAttribute("target", "_blank");
 		}
 
 		dependencies.forEach(
diff --git a/ui/packages/app/src/main.ts b/ui/packages/app/src/main.ts
index dde1c48cdd..859a5dabce 100644
--- a/ui/packages/app/src/main.ts
+++ b/ui/packages/app/src/main.ts
@@ -98,7 +98,7 @@ window.launchGradio = (config: Config, element_query: string) => {
 
 		new Blocks({
 			target: target,
-			props: config
+			props: { ...config, target }
 		});
 	}
 };