Visible stepper indicator outer circle/border when it is the current step

[lahiru]

 

I need to visible this step outer circle/border when it is the current step not only focusing/clicking on it,  Im using next button to go future steps

[Yanmario]

Hi lahiru,

Indeed when the step is clicked the element is getting focused and that applies the border from the screenshot. When the developer programmatically moves a step then no events are being fired, thus the border isn't applied because another element holds the focus(button). What can be done in such a scenario is to set the focus on the current step when the user clicks the button for the next step as demonstrated in the following example:

https://stackblitz.com/edit/angular-g2snfm?file=src%2Fapp%2Fapp.component.ts

I hope this helps.

Regards,
Yanmario
Progress Telerik