DropDownList CSS/styling broken in 2022.1.119.545?

[Derek]

Today I upgraded one of our web apps to the latest version of UI for ASP.NET MVC and since then the DropDownList component doesn't appear to be rendering/styled correctly. I recreated the theme using the Progress Sass Theme Builder tool to eliminate the stylesheet itself as the issue. I've included screenshots below of what the DropDownList component looks like before and after the upgrade. Can anyone advise? Thanks in advance.

Before upgrade:-

After upgrade:-

Implementation:-

@(Html.Kendo().DropDownListFor(model => model.AssetSubTypeId)
                      .OptionLabel("Asset Type/Subtype...")
                      .BindTo(new SelectList(Lookups.AssetTypeSubType, "Key", "Value"))
                      .Events(events =>
                      {
                          events.Change("onChange_AssetSubTypeDropDownList");
                      }))

[Ivan Danchev]

Hi,

The issue is caused by a breaking change introduced in R1 2022 as part of the effort to improve the rendering of the components. For more information on the changes and the reasons behind them, please review the following resources:

Breaking Changes section: https://docs.telerik.com/aspnet-mvc/backwards-compatibility/2022-backwards-compatibility#telerik-ui-for-aspnet-mvc-2022-r1

Blogpost on the improvements to the themes that come with R1 2022: https://www.telerik.com/blogs/improvements-coming-telerik-kendo-ui-themes-2022

The Themebuilder was updated yesterday and it now uses the new R1 2022 themes. We would recommend recreating you custom theme, cause before the yesterday's update the Themebuilder used version R3 2021. A custom theme based on the old themes will result in  appearance issues, if used with R1 2022.

Regards,
Ivan Danchev
Progress Telerik