With whitespace:condense all &nbsps;, even meaningful, are converted to spaces

[aimozg]

Version

2.6.11

Reproduction link

https://gist.github.com/aimozg/c073eea5a55062e3dcd8f887a8567807

Steps to reproduce

Run example.js in Node.

Alternative steps/Detailed explanation:

1. Setup Vue template compiler with whitespace: 'condense'. (it is default for vue-cli).
2. Render template with   entity, e.g. <p>a&nbsp;b</p>
3. Inspect template for actual non-breaking space character

What is expected?

  entity rendered as non-breaking space character; example.js output should contain

---- whitespace: condense
// code
NBSP FOUND

What is actually happening?

  entity is rendered as plain space, example.js output contains

---- whitespace: condense
// code
NBSP NOT FOUND

---

The whitespace is stripped by this compiler code:

if (!inPre && whitespaceOption === 'condense') {
  // condense consecutive whitespaces into single space
  text = text.replace(whitespaceRE, ' ')
}

and " "s are replaced by "\xA0"s with entity decoder earlier.

Related issues is #10485

Suggestion:

Narrower whitespaceRE regexp, like /[ \t\r\n]+/g.

[posva]

Shouldn't we not touch non-breakable spaces in general? That's what I would personally expect if I use one in my template. It would also fix the issue you mentioned

[chasebank]

Setup Vue template compiler with whitespace: 'condense'. (it is default for vue-cli).

Wait, I'm confused. Is condense really the default? I'm seeing multiple things that claim preserve is actually the default.

I've been struggling to figure out why none of my non-breakable spaces are working. I was going to try forcing preserve, but then saw:

Evan saying default is preserve #9208 (comment)

And compiler option docs that echo that statement https://github.com/vuejs/vue/tree/dev/packages/vue-template-compiler#options

Now after seeing @aimozg say condense is actually default, I went ahead and manually set preserve and sure enough! Everything's back to normal!

Are the docs/implementation wrong?

Either way, why would condense eliminate nbsp? Very unexpected behavior. I agree they shouldn't be touched.

[Justineo]

White spaces are preserved in Vue core to ensure backward compatibility while in latest versions of Vue CLI we configure that to condense by default.

[baybal]

same with escaped tab 	

Makes very hard to display the code

[Tofandel]

Waiting for this to be merged..
Current workaround
Use

{{'\xa0'}}

instead of