Under Review
Last Updated: 23 Aug 2022 11:55 by ADMIN
Michael D
Created on: 30 Jun 2022 05:50
Category: Kendo UI for jQuery
Type: Bug Report
Transitions are not disabled although $enable-transitions is set to false in Kendo UI "Classic" SASS theme

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $enable-transitions variable. I expected it to behave consistent with other similar variables like $enable-rounded which means that when it is set to false, no transistion properties would be set.

However, the following elements always have a transition property set, no matter what the value of $enable-transitions is:

  • .k-button::before
  • .k-list-item

Is this a bug or did I understand the meaning of $enable-transitions wrong?

Posted on: 23 Aug 2022 11:55

Hello Michael,

This variable comes from Bootstrap framework and is added to other themes for better consistency. We will review the case if we could add possibility to apply the false value of the variable.

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/.

Posted on: 06 Jul 2022 15:55

Hi Michael,

Thank you for reporting the issue. We need more time to investigate the case. For now you can set the $kendo-button-transition to false and use the following preliminary workaround to disable transition for list items:

.k-list-item {
    transition: none !important;

We will contact you as soon as possible.

Progress Telerik

The Premier Dev Conference is back! 

Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.