Inconsistent RadzenStack Rendering Across Radzen Versions

Hi everyone,

I am experiencing an issue with the RadzenStack component in two different versions of Radzen. The same code behaves differently depending on the version used.

Here is the code in question:

<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center">
    <RadzenText>Text</RadzenText>
    <RadzenDropDown />
</RadzenStack>

In version 5.6.11, the code works correctly:

Screenshot 2025-04-11 162617

However, in version 6.4.0, the rendering is different:

Screenshot 2025-04-11 162603

Has anyone else encountered this issue? Are there any known changes between these two versions that could explain this behavior?

Thank you in advance for your help!

Hi @quintushr,

It is not only the misalignment, but the font-size is also different. Quite a lot has changed between these two versions, and without inspecting the actual code, I can't say exactly what the reason might be.

Anyhow, the RadzenText component has always had a default bottom margin, which is most likely the cause of the misalignment. To fix it just add a class="rz-m-0" to RadzenText.

<RadzenText class="rz-m-0" />

Hi @yordanov,

Thank you for your answer. I notice the same issue with the bottom margin, but I believe this is a problem because if I align the content of my stack to the center, I expect my content to be centered.

I reviewed the changes, but I don't understand where these changes are coming from or why they were made.

Hi @yordanov,

I hope you're doing well. I have a quick question regarding an issue I'm facing. Do I need to create an issue on GitHub ?

Thank you for your help!

Hi @quintushr,

Sure, if you believe it is a valid issue, be it a bug or a feature request, feel free to file it on GitHub. We also accept pull requests!