[fix] run else-if reactive function on re-renders (#6727)

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

@@ -391,7 +391,7 @@ export default class IfBlockWrapper extends Wrapper {
 						? b`
 						${snippet && (
 							dependencies.length > 0
-								? b`if (${block.renderer.dirty(dependencies)}) ${condition} = !!${snippet}`
+								? b`if (${condition} == null || ${block.renderer.dirty(dependencies)}) ${condition} = !!${snippet}`
 								: b`if (${condition} == null) ${condition} = !!${snippet}`
 						)}
 						if (${condition}) return ${i};`

test/runtime/samples/if-block-outro-computed-function/Foo.svelte

@@ -0,0 +1 @@
+foo

test/runtime/samples/if-block-outro-computed-function/_config.js

@@ -0,0 +1,12 @@
+export default {
+	props: {
+		foo: true
+	},
+
+	html: 'foo',
+
+	test({ assert, component, target }) {
+		component.foo = false;
+		assert.htmlEqual(target.innerHTML, 'bar');
+	}
+};

test/runtime/samples/if-block-outro-computed-function/main.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Foo from './Foo.svelte'
+  export let foo = true
+	$: bar = () => true
+</script>
+
+{#if foo}
+	<Foo />
+{:else if bar()}
+	bar
+{:else}
+	else
+{/if}