auto-completing div tags doesn't work properly in nested scenarios

[vsfeedback]

This issue has been moved from a ticket on Developer Community.

---

When working on markup on a razor page in a blazor wasm project the auto-closing of tags does not seem to work properly when inside a @{ } code block.
For example, if I am typing markup outside of a code block when I type a

the editor automatically adds the closing

. If I am inside of a code block however the editor does not add the closing tag. Then when I go to add the closing tag myself, the editor changes the closing tag I typed in to an opening tag and then adds a closing tag. See screenshot.

---

Original Comments

Feedback Bot on 11/18/2021, 09:57 PM:

We have directed your feedback to the appropriate engineering team for further evaluation. The team will review the feedback and notify you about the next steps.

---

Original Solutions

(no solutions)

[NTaylorMullen]

Can repro, try typing out the inner divs here:

@if (true)
{
    <div>
        @if (true)
        {
            <div>
                <div></div>
            </div>
        }
    </div>
}

[allisonchou]

Dug into this and I think this is a compiler issue.

For example, take the following code:

@if (true)
{
    <div>
        @if (true)
        {
            <div>
        }
    </div>
}

The compiler associates the inner starting div tag with the closing div tag. I believe instead it should associate the outer starting div tag with the closing div tag.

@NTaylorMullen before I transfer over the issue, does this logic check out?

[NTaylorMullen]

@NTaylorMullen before I transfer over the issue, does this logic check out?

Totally checks out! Transfer away 😄

[allisonchou]

This may be a dupe of #7616

[allisonchou]

Another report: https://developercommunity.visualstudio.com/t/Tag-Autocomplete-is-Not-Occurring/1703313