diff --git a/src/compiler/compile/render_dom/wrappers/EachBlock.ts b/src/compiler/compile/render_dom/wrappers/EachBlock.ts index 1efadfb90c..73af43fd84 100644 --- a/src/compiler/compile/render_dom/wrappers/EachBlock.ts +++ b/src/compiler/compile/render_dom/wrappers/EachBlock.ts @@ -305,6 +305,7 @@ export default class EachBlockWrapper extends Wrapper { } else if (!${this.vars.data_length}) { ${each_block_else} = ${this.else.block.name}(#ctx); ${each_block_else}.c(); + @transition_in(${each_block_else}, 1); ${each_block_else}.m(${update_mount_node}, ${update_anchor_node}); } else if (${each_block_else}) { ${each_block_else}.d(1); @@ -321,6 +322,7 @@ export default class EachBlockWrapper extends Wrapper { } else if (!${each_block_else}) { ${each_block_else} = ${this.else.block.name}(#ctx); ${each_block_else}.c(); + @transition_in(${each_block_else}, 1); ${each_block_else}.m(${update_mount_node}, ${update_anchor_node}); } `); diff --git a/test/runtime/samples/transitions-trigger-each-else-block/_config.js b/test/runtime/samples/transitions-trigger-each-else-block/_config.js new file mode 100644 index 0000000000..1cd15bbe45 --- /dev/null +++ b/test/runtime/samples/transitions-trigger-each-else-block/_config.js @@ -0,0 +1,11 @@ +export default { + test({ component, target, assert, raf }) { + assert.htmlEqual(target.innerHTML, 'a'); + + component.arr = []; + assert.htmlEqual(target.innerHTML, '