{#each} pattern in textarea has inconsistent errors?

[mallsoft]

Describe the bug

I am unsure if this is a unhelpful error message (bad DX) or a bug on something that should work (i think it's the latter).

<textarea>
	{#each fruits as fruit}
		{fruit}
	{/each}
</textarea>

this gives the following error Unexpected character '#'

Compare this to the error you get when:

<textarea readonly bind:value={somevar}>
	foo
</textarea>

A <textarea> can have either a value attribute or (equivalently) child content, but not both

A more helpful message.

Reproduction

<script>
	let fruits = [
		"spagetti",
		"pasta",
		"potato"
	]
</script>

<textarea >
	{#each fruits as fruit}
		{fruit}
	{/each}
</textarea>

SvelteRepl

Logs

No response

System Info

-svelte repl
-firefox
-windows10

Severity

annoyance

[Conduitry]

This is just an error message that could be better. Textareas can't contain multiple DOM nodes or anything, so I really don't know what your code example would do besides something like <textarea>{fruits.join('\n')}</textarea> which is much more explicit about how the elements of the array should be joined.

[mallsoft]

I think users might expect an each behave like what you show {fruits.join('\n')} in your example, and that quickly becomes a source of confusion.

Relevant help thread:
https://discord.com/channels/457912077277855764/977876658679853056

I think a descriptive error would probably solve this

[Conduitry]

The error message should be improved now in 3.51.0.