{{Yield}} content isn't injected in the correct place

[tomcon]

per docs https://svelte.technology/guide#yield-tags:
The button below appears above the yielded content instead of below it

<div class='modal'>
  {{yield}} <!-- content is injected here -->
  <button on:click='destroy()'>close modal</button>
</div>

[Conduitry]

This looks related to the changes in 1.18.0 for #3. It's a bit hard to tell what's going on the in REPL because there seem to be some other bugs in the REPL surfacing as I look at this. But I'm fairly certain the code being generated is actually wrong. The code creates the div and places the button in it:

	var div_1 = createElement( 'div' );
	setAttribute( div_1, 'svelte-2785217407', '' );
	div_1.className = "modal";
	appendNode( createText( " \n\t" ), div_1 );
	var button = createElement( 'button' );
	appendNode( button, div_1 );

and then later mounts the {{yield}}ed component to that same div.

			component._yield && component._yield.mount( div_1, null );

Things look okay if you wrap the {{yield}} in its own div, as we're then mounting the {{yield}}ed component to that div.

[Conduitry]

This looks like the change at fault. If the {{yield}} isn't the last sibling in its parent node, I don't see how we can get away without anchors here.

[Rich-Harris]

Mea culpa! Am toying around with this though and I think we might still be able to do it without anchors... will report back