Lines between steps disappear in a dialog

Hi,


I have a SfStepper in a SfDialog and if I use IconCss on the StepperStep the lines between steps disappear.

If you open the browser devtools the lines will appear (I guess it refreshes the stepper).


By the way you'll see another bug in the console that happens on dialogs when you open the devtools : 

Uncaught TypeError: Cannot read properties of null (reading 'style')


Please see the repro link : https://blazorplayground.syncfusion.com/LNrIDeBKUtSidYFN


Regards.


1 Reply 1 reply marked as answer

VR Vijay Ravi Syncfusion Team May 27, 2025 06:17 AM UTC

Hi Julien,

Query 1: I have a SfStepper in a SfDialog and if I use IconCss on the StepperStep the lines between steps disappear. If you open the browser devtools the lines will appear (I guess it refreshes the stepper).


Based on your requirement, we suggest binding to the Dialog's Opened event. In this event, you can call the RefreshProgressbarAsync() method to refresh the Stepper component and resolve the mentioned issue. Refer to the below shared code snippet and updated sample for your reference. Kindly try it out.

Dialog opened event API: https://blazor.syncfusion.com/documentation/dialog/events#openedPI


RefreshProgressBarAsync API:
https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfStepper.html#Syncfusion_Blazor_Navigations_SfStepper_RefreshProgressbarAsync

Sample link:
https://blazorplayground.syncfusion.com/htroNerRzzyFDbDs

Query 2: By the way you'll see another bug in the console that happens on dialogs when you open the devtools. Uncaught TypeError: Cannot read properties of null (reading 'style')


We have created a new forum for your last query. Kindly follow the below shared ticket for the further updates.

Forum link:
Console Error in Dialog - Branched fr... | Blazor Forums | Syncfusion®

Don't hesitate to get in touch if you require further help or more information.

Regards,

Vijay


Marked as answer
Loader.
Up arrow icon