diff --git a/test/runtime/samples/head-detached-in-dynamic-component/A.svelte b/test/runtime/samples/head-detached-in-dynamic-component/A.svelte
new file mode 100644
index 0000000000..f05488e3e4
--- /dev/null
+++ b/test/runtime/samples/head-detached-in-dynamic-component/A.svelte
@@ -0,0 +1,5 @@
+<svelte:head>
+	<meta name="description" content="A"/>
+</svelte:head>
+
+A
\ No newline at end of file
diff --git a/test/runtime/samples/head-detached-in-dynamic-component/B.svelte b/test/runtime/samples/head-detached-in-dynamic-component/B.svelte
new file mode 100644
index 0000000000..943b307cc3
--- /dev/null
+++ b/test/runtime/samples/head-detached-in-dynamic-component/B.svelte
@@ -0,0 +1,5 @@
+<svelte:head>
+	<meta name="description" content="B"/>
+</svelte:head>
+
+B
\ No newline at end of file
diff --git a/test/runtime/samples/head-detached-in-dynamic-component/_config.js b/test/runtime/samples/head-detached-in-dynamic-component/_config.js
new file mode 100644
index 0000000000..e18589e10e
--- /dev/null
+++ b/test/runtime/samples/head-detached-in-dynamic-component/_config.js
@@ -0,0 +1,15 @@
+export default {
+	html: `
+		A
+	`,
+
+	test({ assert, component, window }) {
+		component.x = false;
+
+		const meta = window.document.querySelectorAll('meta');
+
+		assert.equal(meta.length, 1);
+		assert.equal(meta[0].name, 'description');
+		assert.equal(meta[0].content, 'B');
+	}
+};
diff --git a/test/runtime/samples/head-detached-in-dynamic-component/main.svelte b/test/runtime/samples/head-detached-in-dynamic-component/main.svelte
new file mode 100644
index 0000000000..e4acd7737a
--- /dev/null
+++ b/test/runtime/samples/head-detached-in-dynamic-component/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	import A from './A.svelte';
+	import B from './B.svelte';
+
+	export let x = true;
+</script>
+
+<svelte:component this="{x ? A : B}"/>
\ No newline at end of file