Dialog action button placement

[Joel]

I just upgraded our project to the latest version of Kendo UI and the Material theme.  I noticed that action buttons (<kendo-dialog-actions layout="normal">) are now aligned with the left side of the dialog, when they were previously to the right. I see they are left-aligned at https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/action-buttons/ as well.  It looks a little odd to me.  Was this intentional (reflecting changes to Material Design), or have I missed something during the upgrade?

[Joel]

While awaiting a bug fix, I have worked around this issue with the CSS below.  I found it in a previous release, and I don't know if there was a reason it was removed.  For now, it addresses the problem for me.

.k-dialog-buttongroup {

    justify-content: flex-end;

}

 

[Stefani]

Hi Joel,

Thank you for the details and for bringing the issue to our attention.

Indeed, the action buttons should be on the right side of the Dialog component. I have logged an issue in our public GitHub issues tracker. Please follow the issue for any updates on its progress: https://github.com/telerik/kendo-angular/issues/3718

Regards,
Stefani
Progress Telerik

[Joel]

If this is going to take a while to get into a release, is there some CSS I could apply in the meantime to fix?

[Stefani]

Hi Joel,

I'm glad you've been able to find a workaround solution while the fix is ready. Indeed, applying custom CSS to align the buttons would have been my suggestion as well.

Please have in mind that recently our components underwent major rendering and Angular version updates which might be the reason behind this positioning regression. We'll update the active public issue once it's been resolved.

Thank you for your patience.

Regards,

Stefani
Progress Telerik