fix: unable to navigate with arrow keys in FluentTextField contained within a DataGridCell of type Header

[iainross]

🐛 Bug Report

When a FluentTextField is contained within a FluentDataGridCell with CellType set to ColumnHeader the arrow keys do not allow left/right navigation through the entered text.

💻 Repro or Code Sample

Create a new app with the Fluent Blazor Web App template, add

<FluentDataGrid TGridItem="string">
    <FluentDataGridRow RowType="DataGridRowType.Header">
        <FluentDataGridCell CellType="DataGridCellType.ColumnHeader">
            <FluentTextField />
        </FluentDataGridCell>
    </FluentDataGridRow>
</FluentDataGrid>

to Counter.Razor. Type in the text box and try to arrow left/right. Removing the CellType property gets it working again.

🤔 Expected Behavior

The cursor to move left or right when the corresponding cursor key is pressed

😯 Current Behavior

Nothing happens

💁 Possible Solution

Seems like a duplicate of #3087 that applies only to this specific cell type, presumably that fix wasn't quite complete?

🔦 Context

Providing a text box inside the header to allow filters to be set and passed through to generate database queries to refresh the grid

🌍 Your Environment

• OS & Device: Windows 11 development environment, also seen in live site running in Linux on Azure
• Browser MIcrosoft Edge
• .NET and Fluent UI Blazor library Version 9.0.203 and 4.11.8

[vnbaaij]

I strongly advise to not 'build' the grid yourself like this. I'm not sure the necessary relations between the headers and the data will be present and/or configured correctly.
Also, it will mess up displaying the column title logic.
For filtering you should use the provided mechanism with the ColumnOptions.

[iainross]

Other than this issue what I've done works perfectly well with the existing back end of the site (which predates switching to FluentUI for the front end), switching approach would be a huge undertaking.

[vnbaaij]

I'll take a look next week. Not at a pc right now

[vnbaaij]

Will be addressed with PR mentioned above and in next release (expected early coming week)

[iainross]

Thank you.