diff --git a/src/lib/components/transitions/TransitionChildWrapper.svelte b/src/lib/components/transitions/TransitionChildWrapper.svelte
new file mode 100644
index 0000000..098e1c3
--- /dev/null
+++ b/src/lib/components/transitions/TransitionChildWrapper.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { hasOpenClosed } from "$lib/internal/open-closed";
+  import TransitionChild from "./TransitionChild.svelte";
+  import TransitionRoot, {
+    hasTransitionContext,
+  } from "./TransitionRoot.svelte";
+
+  let hasTransition = hasTransitionContext();
+  let hasOpen = hasOpenClosed();
+</script>
+
+{#if !hasTransition && hasOpen}
+  <TransitionRoot {...$$props}>
+    <slot />
+  </TransitionRoot>
+{:else}
+  <TransitionChild {...$$props}>
+    <slot />
+  </TransitionChild>
+{/if}