Microsoft/vscode
Voir sur GitHubcursor placement of TSX tags does not work with some tailwind properties
Open
#225 807 ouverte le 16 août 2024
bughelp wantedjavascript
Métriques du dépôt
- Stars
- (74 848 stars)
- Métriques de merge PR
- (Merge moyen 11h 43m) (1 000 PRs mergées en 30 j)
Description
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.