HTML whitespace is not maintained.

[hperrin]

Wrapping a word just before punctuation, but not wrapping the punctuation, results in bad formatting.

<p>This is a <strong>bold stance</strong>.</p>

becomes

<p>
  This is a
  <strong>bold stance</strong>
  .
</p>

Which is rendered as:

This is a bold stance .

Notice the space before the period.

[RedHatter]

One work around for this issue is to use a markup preprocessor on compilation to remove all white-space.

    svelte({
      preprocess: {
        markup: input => ({
          code: input.content
            .replace(/(>|})\s+(?![^]*?<\/(?:script|style)>|[^<]*?>|[^{]*?})/g, '$1')
            .replace(/(?<!<[^>]*?|{[^}]*?)\s+(<|{)(?![^]*<\/(?:script|style)>)/g, '$1')
        })
      },
      css: css => css.write('dest/devtools/styles.css'),
    })

The RegExs are't as scary as they look. They replace any white-space preceding a { or < and any white-space following a } or > provided the white-space don't occur inside of a script tag, style tag, inline javascript expression, or html tag opening/closing.

[jarrodldavis]

Hey @hperrin, I've begun working on fixing this in #41. Please let me know if you think this is an adequate fix.

[happycollision]

Ugh. I tried to take over #41 by cloning, but I cannot figure it out quickly enough to be worthwhile.

[terrygonguet]

This is still a problem and #41 seems to have been abandonned...
Similarly to @happycollision I tried to jump into it but there's too much to take in alone.
However this particular issue seems to have been fixed at some point in #41, could we not "just" get that part merged into master? I understand the other goals of the PR are important too but why not use a fix we already have?

[happycollision]

That was my original intent: to fork and just do a smaller PR, but even the state that it was in already did not seem to fix the inline element whitespace issue.

[louisabraham]

Hi, I have the same problem even with option --html-whitespace-sensitivity=strict

[elbertwang3]

also having this issue. are there any workarounds?

[vrde]

Hi, unfortunately this makes the plugin unusable 😢 any plan to address this?

[ehrencrona]

My PR #116 should fix this.