Extra spaces are added when rending markup

[gyzerok]

Describe the bug

In following code sample I'd expect it to render helloworld without spaces:

hello
{#if true}
	world
{/if}

Coming from React I'd expect one would need to explicitly put space there for it to appear:

hello
{#if true}
	{' '}world
{/if}

Perhaps the same problem could be also experienced with other templating syntax such as {#each}.

Reproduction

REPL

Logs

System Info

Svelte 5.25

Severity

annoyance

[brunnerh]

Svelte's handling of whitespace is closer to HTML by design. The migration docs state the rules as:

• Whitespace between nodes is collapsed to one whitespace
• Whitespace at the start and end of a tag is removed completely
• Certain exceptions apply such as keeping whitespace inside pre tags

As before, you can disable whitespace trimming by setting the preserveWhitespace option in your compiler settings or on a per-component basis in <svelte:options>.

If you want to remove whitespace, you can do something like:

hello{#if true}
  world
{/if}

For long expressions, line breaks are possible:

hello{#if
  true
}
  world
{/if}

[gyzerok]

Do I understand correctly that in my example newline is then being treated like whitespace?

[brunnerh]

Yes, it is one form of whitespace.

[gyzerok]

Thank you! Closing the issue than