Razor compiler `Unclosed div` within `@if`

[srxqds]

I place the razor code in if statement, but it is error:

all my code:

@inherits HubComponent
@if (Visible)
{
    <div style="position: absolute; z-index: 100; width: 400px; height: 200px;">
        <Row Style="cursor: move;">
            <Button Type="close" OnClick="OnCloseButtonClicked"></Button>
            <span>资源管理器</span>
        </Row>
        <Row>
            <Col>
                <FileTree></FileTree>
            </Col>
            <Col>
                <FileDetail></FileDetail>
            </Col>
        </Row>
    </div>
}

@code 
{   
    private bool visible = true;
    private bool draggable = true;
    [Parameter]
    public bool Draggable
    {
        get
        {
            return draggable;
        }
        set
        {
            draggable = value;
        }
    }

    [Parameter]
    public bool Visible
    {
        get
        {
            return visible;
        }
        set
        {
            if (visible != value)
            {
                visible = value;
                this.StateHasChanged();
            }
        }
    }

    private void OnCloseButtonClicked(MouseEventArgs args)
    {
        this.Visible = false;
    }

}

Thanks for contacting us.
We're moving this issue to the Next sprint planning milestone for future evaluation / consideration. We will evaluate the request when we are planning the work for the next milestone. To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.

[srxqds]

is there any trick can work around it?

[NTaylorMullen]

Possible duplicate of: https://devdiv.visualstudio.com/DevDiv/_workitems/edit/1163946

is there any trick can work around it?

So it seems to be a parser issue on our end. I'd bet that a little bit of trial an error testing with moving around the content of the file may resolve it.