Please improve the auto-completion of DOM tags in React.

[path-of-reason]

Check for existing issues

• Completed

Describe the feature

Currently, when I type "div" in a tsx or jsx file, there is no IntelliSense support.
Suggestions only work after I type the angle bracket '<', and I still have to close the tag manually, which is inconvenient.

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

No response

[emersonjds]

@path-of-reason This really helps a lot, rewriting tags all the time is tiring

[emersonjds]

@JosephTLyons This is a feature that brings a totally different experience to the developer, let's look more at the experience to build a cutting-edge product

[KoHorizon]

I agree, this is the only issue that stop me from using this IDE. Might implement it myself, if it's not the priority.

[chungweileong94]

Coming from #5267, the tag auto-close doesn’t seem to work for HTML either.

[Moshyfawn]

Coming from #5267, the tag auto-close doesn’t seem to work for HTML either.

Which version of Zed are you on? Do you have the HTML extension installed?

[chungweileong94]

Coming from #5267, the tag auto-close doesn’t seem to work for HTML either.

Which version of Zed are you on? Do you have the HTML extension installed?

I just tested on the latest preview 0.138.1, and the problem still persists. And I do have the HTML extension installed as well.

Screen.Recording.2024-05-30.at.1.06.01.PM.mov

[Moshyfawn]

It's after you complete the tag with > that the LSP closes it for you.

[chungweileong94]

It's after you complete the tag with > that the LSP closes it for you.

Ah, my bad, I'm actually showing the wrong demo here. But yeah, but yeah, it's working in the latest 0.138 now😅
But it wasn't the case for 0.137 before.

[IlirEdis]

This keeps me from switching to Zed! Also shortcuts for code snippets such as rsfc to create a React function component, etc... This makes your slogan obsolete ;)

[leognmotta]

I don't know, there is always something basic that keeps me from switching to zed

[monarcode]

This and no snippets support are the main reason I have not switched to Zed fully

typing rfc and getting a react component scaffolded for you is way to good to pass up on

[osiewicz]

For what it's worth, we've recently landed support for snippets in #13253

[monarcode]

@osiewicz Hi, i did see the update on snippet support and already tried it out, how ever, i noticed that the formatting is seemingly bugged.

when the snipper is expanded it does not appear as it should..see screenshots bellow

[osiewicz]

Do you mean that <p></p> is getting de-indented?

[monarcode]

Yes, that

[monarcode]

Any way to fix that? @osiewicz

[osiewicz]

No, I'm sorry, I haven't looked into it yet. A wild guess is that formatting gets applied to completions automatically, which may not be desired for snippets. If so, we should add a way for a language server to opt out of automatic formatting

[tpolito]

Any movement on this? I'm on Zed 0.143.7, with the extension and tags aren't closing.

Screen.Recording.2024-07-14.at.12.24.50.PM.mov