fixup: use custom attribute

d3lm · d3lm · commit 2c49c651deaf · 2024-05-12T10:36:06.000+02:00
diff --git a/template/src/layouts/Layout.astro b/template/src/layouts/Layout.astro
@@ -44,8 +44,8 @@ const { title } = Astro.props;
           }
 
           // only swap the main area of the page so we keep the webcontainer iframe intact
-          const newMain = newDocument.querySelector('main');
-          const oldMain = document.querySelector('main');
+          const newMain = newDocument.querySelector('main[data-swap-root]');
+          const oldMain = document.querySelector('main[data-swap-root]');
 
           if (newMain && oldMain) {
             builtInSwap.swapBodyElement(newMain, oldMain);

Original file line number	Diff line number	Diff line change
`@@ -44,8 +44,8 @@ const { title } = Astro.props;`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`// only swap the main area of the page so we keep the webcontainer iframe intact`
`47`		`- const newMain = newDocument.querySelector('main');`
`48`		`- const oldMain = document.querySelector('main');`
	`47`	`+ const newMain = newDocument.querySelector('main[data-swap-root]');`
	`48`	`+ const oldMain = document.querySelector('main[data-swap-root]');`
`49`	`49`
`50`	`50`	`if (newMain && oldMain) {`
`51`	`51`	`builtInSwap.swapBodyElement(newMain, oldMain);`