Tabindex -1 for RadzenDropDownDataGrid

Radzen.Blazor Components
1

Hi,

I have a RadzenDropDownDataGrid near the bottom of a form. The form is in a dialog window, which has a vertical scroll bar since the form is longer than the dialog box height.

With one of the latest releases, the RadzenDropDownDataGrid is getting a tabindex value of -1. All other input fields are set to tabindex 0. This jumps the focus down to the bottom of the form, and the user has to scroll back up.

Is there a way to disable or override this behavior?

Thanks,
Mike

P.S.
I noticed you have "TabIndex" property, so I have tried adjusting the RadzenDropDownDataGrid to 0, and my first field at the top of my form to -1, but haven't had any luck yet. For some reason, RadzenDropDownDataGrid always gets the focus.

2

Update 1 --

When I try to use TabIndex (in this case I tried 10 for fun), I see that it sets that on the parent div. But the input element still gets assigned -1. See below.

Mike

<div class="rz-dropdown valid rz-state-empty rz-clear" style="width:100%" tabindex="10" id="QCnsplyS7E" _bl_537c53d8-3778-49d5-9b6a-27923e9d2dde=""><!--!-->
        <div class="rz-helper-hidden-accessible"><!--!-->
            <input tabindex="-1" style="width:100%" aria-haspopup="listbox" readonly="" type="text" id="SalesRep" name="SalesRep" aria-label="Empty"><!--!-->

        </div><!--!-->

            <!--!--><span class="rz-dropdown-label rz-inputtext" style="width:100%">
                &nbsp;
            </span>
<!--!-->
        <!--!--><div class="rz-dropdown-trigger  rz-corner-right">
            <span class="rz-dropdown-trigger-icon  rzi rzi-chevron-down"></span>
        </div>

        <!--!-->

    </div>
3

Update 2 --

If I select a value from the data grid, save, and re-open the dialog, the RadzenDropDownDataGrid no longer gets the focus (tabindex -1).

I think I understand why you would set focus to that field. Since the other fields have values already, I'm guessing you set focus to the first empty field that needs a value.

That's a good feature, but I'd like to turn it off in this case, since the user wants to examine and change data at the top of the form first.

Thanks,
Mike

4

Indeed DropDownDataGrid is a single tab stop complex component and the TabIndex goes to the main HTML element.

5

Is there a way to prevent it from getting tabindex -1 ?

I'd like to focus on the first field of my form, instead of the DropDownDataGrid, which is near the bottom of my form.

Thanks,
Mike

6

You may be having the problem from this thread: When using RadzenDropDownDataGrid Always changing focus - #6 by enchev

7

You are correct. The latest version fixed it.

Radzen is the best!

Thanks,
Mike