fix: OnClick does not fire when using FluentDataGrid.OnRowFocus

[kambet1]

🐛 Bug Report

When using FluentDataGrid's OnRowFocus, OnClick inside a TemplateColumn does not fire in certain situations.
This sample code uses FluentStack, but you can create your own Razor component and get the same results.

💻 Repro or Code Sample

<FluentDataGrid Items="@("12".AsQueryable())"
                OnRowFocus="(FluentDataGridRow<char> p) => a = p.Item">
    <TemplateColumn>
        <FluentButton OnClick="_ => b = context">
            Button@(context)
        </FluentButton>
    </TemplateColumn>
</FluentDataGrid>
<FluentStack Orientation="Orientation.Vertical">
    <FluentDataGrid Items="@("34".AsQueryable())"
                    OnRowFocus="(FluentDataGridRow<char> p) => a = p.Item">
        <TemplateColumn>
            <FluentButton OnClick="_ => b = context">
                Button@(context)
            </FluentButton>
        </TemplateColumn>
    </FluentDataGrid>
    <FluentStack>
        <FluentDataGrid Items="@("56".AsQueryable())"
                        OnRowFocus="(FluentDataGridRow<char> p) => a = p.Item">
            <TemplateColumn>
                <FluentButton OnClick="_ => b = context">
                    Button@(context)
                </FluentButton>
            </TemplateColumn>
        </FluentDataGrid>
    </FluentStack>
</FluentStack>
OnRowFocus: @a<br/>ButtonClick: @b

@code {
    char a = '0';
    char b = '0';
}

🤔 Expected Behavior

OnClick is executed no matter which button is pressed, and OnRowFocus and ButtonClick display the same value.

😯 Current Behavior

OnClick is not executed for Button5 and Button6 on FluentDataGrid, two levels below, so only the display of OnRowFocus is updated.

🌍 Your Environment

OS & Device: Windows 10
Browser: Google Chrome
Fluent UI: 4.5.0

[vnbaaij]

No idea why this is happening.

It does not have to do with the OnRowFocus. When setting breakpoints in the generated script, you can see both OnRowFocus and OnCellFocus get called and handeled.

[kambet1]

Thank you for your prompt reply.
This problem does not occur unless you handle OnRowFocus.
Also, a problem occurs when nesting two Nothingness.razor components like the one below, so I imagine that there is some kind of cause on the Blazor side.

@this.ChildContent
@code {
    [Parameter]
    public RenderFragment? ChildContent { get; set; }
}

<Nothingness><Nothingness><FlulentDataGrid>...

[vnbaaij]

I am not going to investigate this further. The issue is there but to me it is a bit of an edge case. We do not have capacoty to get this solved.

[aDisplayName]

This happens to 4.7.2