are syncfusion components functional in .net maui blazor hybrid? SfStepper has issues

[Nikos]

I tried to use sfstepper, but i couldn't manage a consistent look and function. Finally i tested the following:

@page "/"
@using Syncfusion.Blazor.Navigations
    <SfStepper >
        <StepperSteps>
            <StepperStep Label="Step 1"></StepperStep>
            <StepperStep Label="Step 2"></StepperStep>
            <StepperStep Label="Step 3"></StepperStep>
            <StepperStep Label="Step 4"></StepperStep>
            <StepperStep Label="Step 5"></StepperStep>
        </StepperSteps>
    </SfStepper>

and what i got is:

I click on the steps, but there is no reaction

[Nikos]

I also tried SfListView, but this also couldn't render.

[Nikos]

I finally found a solution. Instead of referencing syncfusion.blazor, I reference syncfusion.blazor.navigations, .charts, and .dropdowns.

now the components are responsive.

SfStepper is also responsive. The line shows correct animations, when I pick a step. BUT is placed above! In StepperMode.Labels is not that bad, but with icons is ugly:

I hope there aren't any other icnompatibilities, but I do not believe it...

[LeoLavanya Dhanaraj]

Hi Nikos,

Greetings from Syncfusion support.

Based on the code information you provided, we understand that you are experiencing an alignment issue with the rendering of the ListView and Stepper components in MAUI. We tested this issue by preparing a sample using the provided code snippets; however, we were unable to reproduce the issue with/without rendering it within a parent container. For your reference, we have included a sample along with a screenshot of the output.

Please check this on your end, and if you are still facing issues, share your specific scenario along with additional details needed below:

1. Are you rendering the Stepper dynamically or statically? Share the Stepper configuration details.

2. Does the issue occur during the initial rendering, after Stepper navigation, or as a result of external actions or button clicks?

3. share the CSS properties of the parent container (width, height, and any other relevant configurations).

4. If possible, provide a minimal reproducible example along with steps to replicate the issue, preferably in the form of video footage. This will greatly assist us in effectively helping you find a solution.

Your input will be invaluable in understanding your issue and providing a timely resolution.

Regards,

Leo Lavanya Dhanaraj

Attachment: MauiApp_6d7b8c14.zip

[Nikos]

I tested your sample.

You are correct it is functioning.

Thank you very much

[LeoLavanya Dhanaraj]

Nikos, thanks for the update and we glad to know the provided sample meets your need. Please get back to us for further assistance in the future.