Tab order not quite right when entering or exiting the grid

[Chuck Richardson]

Hello,

With the following code, I note that tabbing out of the bottom right cell in the grid correctly moves focus to the the ONFOCUSED button. However, when I then SHIF + TAB from that button, the focus goes nowhere until I press SHIFT + TAB again, at which point the focus moves to the last cell in the fourth row rather than the fifth.

Furthermore, if I press SHIFT + TAB multiple times I navigate all the way to the top left cell but pressing SHIFT + TAB then cycles around the cells in the top row rather than moving the focus to the previous tab stop outside of teh grid component.

@page "/"

@using Syncfusion.Blazor.Grids

@using Syncfusion.Blazor.Inputs

@using Syncfusion.Blazor.Buttons

<SfTextBox Placeholder="TextBox1"></SfTextBox>

<SfTextBox Placeholder="TextBox2"></SfTextBox>

<SfTextBox Placeholder="TextBox3"></SfTextBox>

<SfGrid DataSource="@Orders" AllowSelection="true">

    <GridEditSettings AllowEditing="true" Mode="EditMode.Normal"></GridEditSettings>

    <GridSelectionSettings Mode="SelectionMode.Row"

                        Type="Syncfusion.Blazor.Grids.SelectionType.Multiple"

                        CheckboxMode="CheckboxSelectionType.Default"

                        CheckboxOnly="true"></GridSelectionSettings>

    <GridColumns>

        <GridColumn Type="ColumnType.CheckBox" Width="50"></GridColumn>

        <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" IsPrimaryKey="true" TextAlign="TextAlign.Right" Width="120"></GridColumn>

        <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" Format="d" Type="ColumnType.Date" TextAlign="TextAlign.Right" Width="130"></GridColumn>

        <GridColumn Field=@nameof(Order.Freight) HeaderText="Freight" Format="C2" TextAlign="TextAlign.Right" Width="120"></GridColumn>

    </GridColumns>

</SfGrid>

<SfButton Content="OnFocused"></SfButton>

@code{

    public List<Order> Orders { get; set; }

    protected override void OnInitialized()

    {

        Orders = Enumerable.Range(1, 5).Select(x => new Order()

        {

            OrderID = 1000 + x,

            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],

            Freight = 2.1 * x,

            OrderDate = DateTime.Now.AddDays(-x),

        }).ToList();

    }

    public class Order

    {

        public int? OrderID { get; set; }

        public string CustomerID { get; set; }

        public DateTime? OrderDate { get; set; }

        public double? Freight { get; set; }

    }

}

Please advise how to rectify these two keyboard navigation issues.

[Monisha Saravanan]

Hi Chuck, 

Greetings from Syncfusion support. 

Query: “ pressing SHIFT + TAB then cycles around the cells in the top row rather than moving the focus to the previous tab stop outside of the grid” 

 

We have analyzed your query by using given sample but the reported issue does not reproduced at our end. Kindly share the below details to validate further from our side. 

1. Share the video demo of the issue along with the replication procedure.
2. Share us the Nuget version used.

Also we suggest you to upgrade the Syncfusion NuGet (19.4.0.56) to the latest version and check the reported issue after clearing the NuGet and the browser cache. 

 

 

Query: “ I note that tabbing out of the bottom right cell in the grid correctly moves focus to the the ONFOCUSED button. However, when I then SHIF + TAB from that button, the focus goes nowhere until I press SHIFT + TAB again, at which point the focus moves to the last cell in the fourth row rather than the fifth.” 

We have confirmed this as an issue and logged the defect report “Issue with ShiftTab key in Keyboard navigation” for the same. Thank you for taking time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in our upcoming patch release which is expected to be rolled out on or before end of April 2022.  

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.         

https://www.syncfusion.com/feedback/33608/issue-with-shifttab-key-in-keyboard-navigation 

Note: “Currently feedback is in review stage. It will be visible to you once validated’ 

Until then we appreciate your patience and Kindly get back to us if you need further assistance. 

Regards, 

Monisha 

[Sarveswaran Palani]

Hi Chuck,

We are glad to announce that, we have included fix for the issue “Issue with keyboard navigation focus after editing an row” in our release(20.1.0.56).  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the Nuget package for latest fixes and features from below.

Nuget : https://www.nuget.org/packages/Syncfusion.Blazor.Grid

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

   

Regards,            

Sarveswaran PK

[Chuck Richardson]

Hi Sarveswaran,

Thank you for the update. I can confirm that the latest Nuget solves the problems I was having with inconsistent tab navigation from the last cell and first cell in the grid.

Thanks,

Chuck

[Sarveswaran Palani]

Hi Chuck,

 

Thanks for your update.

 

We are happy to hear that your issue has been resolved.

 

Please get back to us if you need further assistance.

 

Regards,

Sarveswaran PK