Microsoft/vscode
Auf GitHub ansehencursor placement of TSX tags does not work with some tailwind properties
Open
#225.807 geöffnet am 16. Aug. 2024
bughelp wantedjavascript
Repository-Metriken
- Stars
- (74.848 Stars)
- PR-Merge-Metriken
- (Durchschn. Merge 11h 43m) (1.000 gemergte PRs in 30 T)
Beschreibung
Does this issue occur when all extensions are disabled?: Yes
- VS Code Version: 1.92.2
- OS Version: Ubuntu 24.04 LTS
When attempting to press enter, the editor usually auto indents the tag properly, but this does not happen when any property with the "/" charachter is included
Steps to Reproduce:
- copy and paste this code into a
.tsxfile
import React from "react";
const AuthDesktop = () => {
return (
<main className="w-full h-full flex items-center justify-center">
<div className="w-1/2"></div>
<div className="w-[50%]"></div>
</main>
);
};
export default AuthDesktop;
- attempt to press enter inside the tag with className
w-[50%], it will place the cursor correctly, but that is not the case with the tag with classNamew-1/2
below is an example of what happens.