Show Opening Tag when Closing Tag Selected

[ghost]

intelliJ / PHP Storm / etc. have this nifty little feature. When your cursor is at the end of a tag, if the opening tag is off the screen it will show it in a little floating window.

This makes it incredibly easy to keep track of exactly which closing tag you're at, especially useful for when you have to work in heavily nested templates.

[vscodebot]

(Experimental duplicate detection)
Thanks for submitting this issue. Please also check if it is already covered by an existing one, like:

• Closing HTML tag not highlighting in PHP files. (#38391)
• Select to Bracket for HTML tags (#53382)
• Smart Bracket matching for different start tags with the same end tag does not work properly. (#53134)
• closing tag in html (#45367)
• Tag style and script tag in php file do not work! (#46806)

[ghost]

Can confirm it's not a duplicate of any of those linked issues.

[chpxu]

Damn, sick idea definitely want this!

[octoxan]

Yes please, can't live without this. Gets people to stop doing the crazy along the end of a long chain of closing divs.

[alexdima]

Would the newly introduced breadcrumbs help here ?

[AlexHnydiuk]

Really, NetBeans also has this feature. It's a lifesaver! It would be great, if it will be implemented. Really want this!)

@alexandrudima, breadcrumbs is also great thing, but it works differently. Let me explain:

Breadcrumbs only shows you filepath, file name, class name or function name. But, if your cursor is at the closing tag of some if block, for example, you will see.. only file name/function name in breadcrumbs.
Something like this:

While, in NetBeans it will be:

Idea simple as cake:

• detect bracket/tag

• if bracket/tag is closing one, find its opening pair.

• if opening bracket/tag is outside of the viewfield of editor, show tooltip with line, where opening bracket/tag is located.
  ** additional conditions **

• if opening bracket is the only symbol in the line (excluding tabs and spaces), also include in tooltip line above this line
  Like this:
  

• if condition before bracket is multiline, show it full, not only line with opening bracket

This feature saved me a lot of time and context switching, when I was using NetBeans for coding, because if i want to refresh, where I am, or what condition it was - just set cursor near the closing bracket (yep, tooltip is shown when cursor is right before/right after/inside tag). No need for scrolling up to the top thru all file just to see condition, and scrolldown back to place where you've been before!)

[octoxan]

@AlexHnydiuk This sums it up perfectly! This feature is one of the main reasons I can't switch to VS Code.

[CTimmerman]

https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag could be extended with a tooltip. I'd prefer the "Go to Definition" and "Peek Definition" to work on a close tag, though. Alternatively, code folding works when starting from the top.

"Emmet: Go to Matching Pair" works too, keybindings.json:

[
	{
		"key": "alt+[",
		"command": "editor.emmet.action.matchTag"
	}
]

[vijayksingh]

@alexandrudima Can you tell what's the complexity of this task is?
I am trying to contribute, What @AlexHnydiuk commented in the thread makes sense to me but I am not sure whether this task is beginner-friendly or not?

I would love to work on this task but will need some thorough explaining.

[namleasia]

Please add this feature.

[mtsh1000]

There is bracket peek extension now!

[shba007]

Add This feature

[JessicaBunyan]

+1 Would love this feature

[YetAnotherEye]

+1, as this should be integrated to the core.
For now I use an extension:
https://marketplace.visualstudio.com/items?itemName=jomeinaster.bracket-peek
Works like a charm (even if I miss jumping to the line on click; workaround is the keyboard shortcut [Ctrl]+[Shift]+^)

[gulshan]

Although #26757 is not same, it's similar.

[Erik0x42]

Looks like this is still in Backlog Candidates after >= 20 upvotes and >= 60 days?
Does the bot have a blind spot?

[Hikaruxy]

Seems like this has been overlooked in error, despite its popularity?

[ranapartap]

Yeah Need this badly

[Z-E-D]

Having the tooltip on the top of editor that shows the first line of block would be great, but the suggestion in this issue requires that you have displayed the closing bracket, which could be also outside of the screen when you are inside a very long block.

Because of that I prefer the suggestion by @hediet on #134888 to have that toolip displayed if we just hover or click on the indent guide.

[Trass3r]

+1, as this should be integrated to the core. For now I use an extension: https://marketplace.visualstudio.com/items?itemName=jomeinaster.bracket-peek Works like a charm

Thanks a lot! Didn't know about this one.
It even allows customization to show the line at the top or next to the closing bracket which I almost prefer now that I saw it.

[mtsh1000]

4 years approaching! :(

[jakubkloc]

*5 :((

[notedwin-dev]

This is already something I'm experiencing. It's somehow annoying for me and I want to disable them. So I think it's safe to say that the feature already exist but I don't know why it's enabled for me. I didn;t do anything to VSCode for it to show me this. + I don't have any of those extensions mentioned above. So it must be a native behaviour from VS Code.

[notedwin-dev]

This is already something I'm experiencing. It's somehow annoying for me and I want to disable them. So I think it's safe to say that the feature already exist but I don't know why it's enabled for me. I didn;t do anything to VSCode for it to show me this. + I don't have any of those extensions mentioned above. So it must be a native behaviour from VS Code.

Found a solution to that, it's called a Stikcy Scroll. I right clicked on the sticky-to-top rows and disabled them.

[octoxan]

The introduction of sticky scroll basically solves this issue.

[mhnap]

The introduction of sticky scroll basically solves this issue.

Sticky scroll can be used instead, but it will show more lines than needed and not always the necessary line if there are lots of them. Would be great to have exactly the proposed solution. I also tried mentioned extensions and none works well for Rust files.