diff --git a/test/runtime/samples/transition-css-deferred-removal/_config.js b/test/runtime/samples/transition-css-deferred-removal/_config.js
new file mode 100644
index 0000000000..240e8a342e
--- /dev/null
+++ b/test/runtime/samples/transition-css-deferred-removal/_config.js
@@ -0,0 +1,26 @@
+export default {
+	// solo: true,
+
+	data: {
+		visible: true
+	},
+
+	test(assert, component, target, window, raf) {
+		component.set({ visible: false });
+
+		const outer = target.querySelector('.outer');
+		const inner = target.querySelector('.inner');
+
+		const animations = [
+			outer.style.animation,
+			inner.style.animation
+		];
+
+		raf.tick(150);
+
+		assert.deepEqual([
+			outer.style.animation,
+			inner.style.animation
+		], animations);
+	},
+};
diff --git a/test/runtime/samples/transition-css-deferred-removal/main.html b/test/runtime/samples/transition-css-deferred-removal/main.html
new file mode 100644
index 0000000000..fea2979298
--- /dev/null
+++ b/test/runtime/samples/transition-css-deferred-removal/main.html
@@ -0,0 +1,31 @@
+{{#if visible}}
+	<span class='outer' out:foo>
+		<span class='inner' out:bar>
+			double transition
+		</span>
+	</span>
+{{/if}}
+
+<script>
+	export default {
+		transitions: {
+			foo(node) {
+				return {
+					duration: 200,
+					css: t => {
+						return `opacity: ${t}`;
+					}
+				};
+			},
+
+			bar(node) {
+				return {
+					duration: 100,
+					css: t => {
+						return `left: ${t * 100}px`;
+					}
+				};
+			}
+		}
+	};
+</script>
\ No newline at end of file