Automatically inserting JSX closing element in TypeScript JSX file

Currently, when users type non self-closing JSX tag, they will have to type corresponding closing JSX tag. In this situation, our language service can help the users by automatically insert the corresponding JSX tag. The newly inserted tag should respect existing format and If the matching closing tag exists, the closing tag should not be insert.

var x = <div> [insert by language-service] </div>
var y =
<div>
[insert by language-service]</div>
var z = 
    <div>
     [insert by language-service] </div>

[michaelrinderle]

bump. ^^^ still a problem with VS2019. shouldn’t the premium IDE have an auto close on HTML tags in JSX/TSX files???

[mk-16]

Solved it !!! I don’t know how can I record it, but simply said in Visual Studio (Community at least) Tools => Options => Text Editor => JavaScript/TypeScript => Intellisense uncheck the box “Only use Tab or Enter to Commit”

hope this works and makes your day