diff --git a/test/runtime/samples/component-event-handler-contenteditable/_config.js b/test/runtime/samples/component-event-handler-contenteditable/_config.js
new file mode 100644
index 0000000000..3a85734975
--- /dev/null
+++ b/test/runtime/samples/component-event-handler-contenteditable/_config.js
@@ -0,0 +1,15 @@
+export default {
+	html: `
+		<div contenteditable=""></div>
+	`,
+
+	async test({ assert, component, target, window }) {
+		const div = target.querySelector('div');
+		const text =  window.document.createTextNode('a');
+		div.insertBefore(text, null);
+		const event = new window.InputEvent('input');
+		await div.dispatchEvent(event);
+
+		assert.equal(div.textContent, 'a');
+	}
+};
diff --git a/test/runtime/samples/component-event-handler-contenteditable/main.svelte b/test/runtime/samples/component-event-handler-contenteditable/main.svelte
new file mode 100644
index 0000000000..1eb5911df8
--- /dev/null
+++ b/test/runtime/samples/component-event-handler-contenteditable/main.svelte
@@ -0,0 +1,6 @@
+<script>
+	let text = '';
+	const updater = (event) => {text = event.target.textContent}
+</script>
+
+<div contenteditable on:input={updater}>{text}</div>