allow same origin in sandbox

sidwebworks · Dec 7, 2021 · e12318d · e12318d · vercel · Dec 7, 2021
1 parent 7dcea5a
commit e12318d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 27 deletions.
diff --git a/components/playground/Preview.tsx b/components/playground/Preview.tsx
@@ -76,7 +76,7 @@ export const Preview: React.FC = () => {
 					title="preview"
 					srcDoc={_html}
 					ref={iFrameRef}
-					sandbox="allow-scripts"
+					sandbox="allow-scripts allow-same-origin"
 				/>
 			</div>
 			<ConsoleComponent />

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,10 +1,15 @@
 import type { NextPage } from "next";
 import dynamic from "next/dynamic";
+import Head from "next/head";
+
 const Playground = dynamic(() => import("../components/playground"), { ssr: false });
 
 const Home: NextPage = () => {
 	return (
-		<main className="max-h-screen min-h-screen  bg-gray-900">
+		<main className="max-h-screen min-h-screen bg-gray-900">
+			<Head>
+				<title>Web Pen</title>
+			</Head>
 			<Playground />
 		</main>
 	);

diff --git a/pages/playground.tsx b/pages/playground.tsx