tsx attribute formatting removes bracket spacing

[waderyan]

From @bookman25 on September 9, 2016 18:8

• VSCode Version: 1.5.1
• OS Version: Windows 10

Steps to Reproduce:

1. TypeScript Version: 2.*
2. <input value={ this.state.value } />
3. Format document

Expected behavior:
In 1.8.10 the spacing inside the brackets was unchanged on format operation (closing bracket } or format document).
<input value={ this.state.value } />

Actual behavior:
In 2.* the space inside the brackets is always removed when formatting.

<input value={this.state.value} />

Looks like it might be related to: #9361

Copied from original issue: microsoft/vscode#11791

[saschanaz]

VSCode should support InsertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces, I'm not sure currently it does.

[waderyan]

Issue added to September milestone on VS Code's side.

[mhegazy]

as noted by @saschanaz, this already fixed in #9361. You will need to specify the formatting option InsertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces: false.

[mhegazy]

the VSCode setting would be:

"typescript.format.InsertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false