Toggle Line Comment can produce invalid block comment in JSX and CSS (should use single-line comments instead)

<!-- ⚠️⚠️ Do Not Delete This! bug_report_template ⚠️⚠️ --> <!-- Please read our Rules of Conduct: https://opensource.microsoft.com/codeofconduct/ --> <!-- 🕮 Read our guide about submitting issues: https://github.com/microsoft/vscode/wiki/Submitting-Bugs-and-Suggestions --> <!-- 🔎 Search existing issues to avoid creating duplicates. --> <!-- 🧪 Test using the latest Insiders build to see if your issue has already been fixed: https://code.visualstudio.com/insiders/ --> <!-- 💡 Instead of creating your report here, use 'Report Issue' from the 'Help' menu in VS Code to pre-fill useful information. --> <!-- 🔧 Launch with `code --disable-extensions` to check. --> Does this issue occur when all extensions are disabled?: Yes/No <!-- 🪓 If you answered No above, use 'Help: Start Extension Bisect' from Command Palette to try to identify the cause. --> <!-- 📣 Issues caused by an extension need to be reported directly to the extension publisher. The 'Help > Report Issue' dialog can assist with this. --> - VS Code Version: - OS Version: Steps to Reproduce: 1. Start with some JSX code ```jsx function example() { return ( <div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> ) } ``` 2. Comment out a multi line block ```jsx function example() { return ( <div> <div></div> {/* <div></div> <div></div> <div></div> */} <div></div> </div> ) } ``` 3. Comment out an area intersecting the original area ```jsx function example() { return ( <div> {/* <div></div> {/* <div></div> <div></div> <div></div> */} <div></div> */} </div> ) } ``` Result: The comment is invalid and ends prematurely on the first `*/}` instead of the second. The problem is similar in HTML: ```html <div> <!-- <div></div> <!-- <div></div> <div></div> <div></div> --> <div></div> --> </div> ``` and CSS: ```css .foo { /* a: 1; /* b: 2; c: 3; d: 4; */ e: 5; */ } …