Completed
Last Updated: 29 Sep 2022 14:48 by ADMIN
Release R1.2023-Increment.1(09.Nov.2022)
Beto
Created on: 01 Apr 2022 13:40
Category: Date/Time Pickers
Type: Bug Report
0
Date-time-picker: new focus class not respected by less themes

Hi Kendo Team,

After we updated to version 2022.2.301 we decided to modify our theme by compiling the Metro theme from the source files and adjusting some of the variables provided.

When checking on the styles of the date-time-picker we noticed that the focused column of the time picker would not be highlighted anymore. Also the title would not get the darker color it had in the previous version (see attached image)

We noticed that in v2022.2.301 the focus class has changed from 'k-state-focused' to 'k-focus' (see inspector screenshot)

The styles in the files 'web/common/inputs.less' and 'web/type-metro.less' on the other hand still refer to the class .k-time-list-wrapper..k-state-focused to style title and the ::before and ::after elements that define the background color.

We will add styles to our custom file to correct this. The question for future updates would be though, which class will be the preferred one to keep.

 

Thanks,

Markus

3 comments
ADMIN
Dimitar
Posted on: 11 Apr 2022 10:35

Hi Beto,

We are gradually moving to simplified state classes - k-focus/hover/active/selected/disabled. This is currently done for components where we have revised the rendering (buttons, dropdowns). You can check the full list of components that have updated rendering with the 2022 R1 release here:

Regards,
Dimitar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Beto
Posted on: 11 Apr 2022 09:07

Hi Dimitar,

Thanks for opening an issue on that. 

Just out of curiosity: Is there a a common rule how that class would be called in all the different modules?

Going through the theme I could find k-focusk-state-focus and k-state-focused.

It seems like things are being restructured quite a bit when it comes to theming and we want to make sure the next update runs smoothly.

 

Thanks,

Markus

ADMIN
Dimitar
Posted on: 08 Apr 2022 10:56

Hello Beto,

Thank you for reporting this!

I can confirm that this is related to a bug in the less themes, that I have logged in the public GitHub repository from where you can start tracking the progress on it:

For helping us discover this discrepancy in the themes I have also increased your Telerik Points accordingly.

Regards,
Dimitar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.