Added outro when items are added back into each block.

src/compiler/compile/render_dom/wrappers/EachBlock.ts

@@ -298,6 +298,21 @@ export default class EachBlockWrapper extends Wrapper {
 				}
 			`);
 
+			const has_transitions = !!(this.else.block.has_intro_method || this.else.block.has_outro_method);
+
+			const destroy_old_block_with_transition = b`
+				@group_outros();
+				@transition_out(${each_block_else}, 1, 1, () => {
+					${each_block_else} = null;
+				});
+				@check_outros();
+			`;
+
+			const destroy_old_block_without_transition = b`
+				${each_block_else}.d(1);
+				${each_block_else} = null;
+			`;
+
 			if (this.else.block.has_update_method) {
 				this.updates.push(b`
 					if (!${this.vars.data_length} && ${each_block_else}) {
@@ -308,16 +323,14 @@ export default class EachBlockWrapper extends Wrapper {
 						@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);
+						${has_transitions ? destroy_old_block_with_transition : destroy_old_block_without_transition}
-						${each_block_else} = null;
 					}
 				`);
 			} else {
 				this.updates.push(b`
 					if (${this.vars.data_length}) {
 						if (${each_block_else}) {
-							${each_block_else}.d(1);
+							${has_transitions ? destroy_old_block_with_transition : destroy_old_block_without_transition}
-							${each_block_else} = null;
 						}
 					} else if (!${each_block_else}) {
 						${each_block_else} = ${this.else.block.name}(#ctx);

test/runtime/samples/transitions-trigger-each-else-block/_config.js

@@ -5,7 +5,23 @@ export default {
 		component.arr = [];
 		assert.htmlEqual(target.innerHTML, '<div>empty</div>');
 
+		// Transition in
 		raf.tick(50);
 		assert.equal(target.querySelector("div").foo, 0.5);
+
+		raf.tick(100);
+		assert.equal(target.querySelector("div").foo, 1);
+
+		component.arr = ['a'];
+		
+		// Transition out
+		raf.tick(150);
+		assert.equal(target.querySelector("div").foo, 0.5);
+
+		raf.tick(200);
+		assert.equal(target.querySelector("div"), undefined);
+
+		assert.htmlEqual(target.innerHTML, 'a');
+
 	},
 };

test/runtime/samples/transitions-trigger-each-else-block/main.svelte

@@ -6,6 +6,6 @@
 </script>
 {#each arr as v}
     {v}
-    {:else}
+{:else}
     <div transition:foo>empty</div>
 {/each}