"Format Document" a TS file removes spaces in curly braces

TS Template added by @mjbvz

TypeScript Version: 4.1.0-dev.20201031

Search Terms

• jsx
• format

---

• VSCode Version: 1.50.1
• OS Version: macOS 10.14.6

Steps to Reproduce:

1. Open a .tsx file
2. Write something with space inside curly braces, like below. Notice the spaces between expression and brace:

import { ExamplePane } from '../app/App';

...

return (
  <div>
    { this.state.time.toLocaleTimeString() }
  </div>
);

1. Right click & Format Document, then it becomes:

import { ExamplePane } from '../app/App';    {/* This one is still fine */}

...

return (
  <div>
    { this.state.time.toLocaleTimeString()}   {/* The space before the closing curly brace is gone */}
  </div>
);

Does this issue occur when all extensions are disabled?: Yes

Update: This is it:

https://imgur.com/pA2EDzn

In my project, when I use Format Document, all my files are formatted with the default option like @a-tarasyuk (spaces after opening and before closing braces are removed). Then the issue is that VSCode does not delete the space after open braces.

[RyanCavanaugh]

This is the correct repo; VS Code uses the formatter in this repo to format tsx code.

Can we get a clarified repro? What are your settings? A ts server log would be ideal

[MartinJohns]

Furthermore, this one should be at VSCode.

The issue got transferred to the TypeScript repository by @mjbvz.