zed icon indicating copy to clipboard operation
zed copied to clipboard

JSX/HTML tag auto-close feature

Open rranjan14 opened this issue 3 years ago β€’ 3 comments
trafficstars

Check for existing issues

  • [X] Completed

Is your feature request related to a problem?

It's a bit frustrating to add the close tag at the end of the jsx element or html element. So, having that auto-close tag functionality will definitely help there.

Describe the solution you'd like

Something like the vscode setting for auto-close tag feature. As soon as you type the opening of the tag, the end of the tag comes as well.

If applicable, add mockups / screenshots to help present your vision of the feature

No response

rranjan14 avatar Jul 27 '22 08:07 rranjan14

+1 This is something so standard that it's even strange to program it without auto-closing tags

I hope they improve this because it helps a lot with the developer experience

Thanks for u work Zed team !

emersonjds avatar Feb 07 '24 16:02 emersonjds

Astro support was added recently πŸŽ‰ and would also greatly benefit from auto closing tags

jlarmstrongiv avatar Feb 29 '24 20:02 jlarmstrongiv

this is the only reason why i didn't 100% switch to zed , when will this come ? or is it already possible yet?

3ux1n3 avatar Mar 07 '24 14:03 3ux1n3

This would also be good in .vue files

ElectricS01 avatar Mar 14 '24 07:03 ElectricS01

We need this please, it makes the developer experience so smooth. It feels weird not having it.

feldrok avatar Mar 19 '24 19:03 feldrok

Yes, i agree this is important for anyone doing web development. i'll wait a bit until it's there, or i'll look into fixing it myself.

KoHorizon avatar Mar 20 '24 16:03 KoHorizon

It would help a lot with productivity, I think it’s very important

abiliocoelho avatar Apr 01 '24 12:04 abiliocoelho

is there any progress here? this small feature will make my life so much easier

sinao-dev avatar Apr 05 '24 20:04 sinao-dev

I'm going to repost what I've already said on Twitter for the sake of transparency:

I get it πŸ’― It's definitely on the radar, but right now efforts are focused on APIs that would allow some work to be offloaded to the community to handle some of the use cases via extensions as well as larger feature parity items.

But rest assured, it's not being kicked down the road and will come later, and there's a possibility that someone from the community will pick it up.

Moshyfawn avatar Apr 05 '24 21:04 Moshyfawn

This is the main reason I have not switched to Zed fully yet

monarcode avatar May 20 '24 14:05 monarcode

For some reason, this feature doesn't really work on Zed Preview 0.137.0.

chungweileong94 avatar May 23 '24 03:05 chungweileong94

Does not work in jsx/tsx

rendaoer avatar May 30 '24 03:05 rendaoer

Does not work in jsx/tsx

Only HTML support has just landed. Be sure to +πŸ‘ this other issue for JSX / TSX support.

  • #4271

Moshyfawn avatar May 30 '24 03:05 Moshyfawn

Should it be working in TSX files?

joaopcm avatar Jun 20 '24 15:06 joaopcm

I think it should for react based files/projects

monarcode avatar Jun 20 '24 15:06 monarcode

it's not working on jsx/tsx

Nextjs project app router typescript

Haume0 avatar Jul 06 '24 18:07 Haume0

it's not working too with blade.php

will be waiting on this πŸ‘πŸΎ

Kechenk avatar Aug 12 '24 04:08 Kechenk

Also does not work for .heex files.

rsmidt avatar Aug 19 '24 19:08 rsmidt

It does not work with .vue files

AnasMaimalee avatar Aug 20 '24 18:08 AnasMaimalee