Last Updated: 20 Sep 2023 07:57 by ADMIN
Release 4.6.0 (11 Oct 2023) (R3 2023)
Created on: 16 Dec 2022 19:38
Category: Wizard
Type: Bug Report
Wizard Stepper Focus incorrect after changing the step index programmatically

This issue has to do with keyboard support, where if the step index is changed programmatically, and then the user tabs back onto the wizard stepper, then the focus class is on the wrong step.  The active step is correct in the stepper, but the focus outline is on the step prior to the programmatic index change.  I have created a repl here:

If you click the Move to 3rd Step button it will switch the wizard to the 3rd step correctly.

Tab to the stepper, and step 1 will have the outline focus class, the focus will actually be on the correct step (step 3).

Pressing the right arrow key will move to Active Step 4, but the outline focus class will be moved to step 2.  

Pressing the left arrow key will then fix the outline class.

I would expect that when changing the step index programmatically, that the outline focus class on the stepper would be displayed for the step that the index was changed to.  It becomes confusing for keyboard users.

1 comment
Posted on: 23 Dec 2022 10:47

Hello Mike,

As far as I can see, the problem occurs if the Wizard was focused at least once before programmatic navigation.

But you are right and I am confirming the bug. Please excuse us if it's causing you problems in production.

Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.