How to Add Separator in Kendo Menu Using the DataSource

[Lee]

I just upgraded to the latest Kendo Pro: 2017.2.504.  This broke our code in several places. The most significant is that setting the cssClass to 'k-separator' no longer creates a line in the menu to separate menu groups. We used to be able to add a separator like this, but it no longer works:

<p>let menuItem = {</p><p>  text: '',</p><p>  cssClass: 'k-separator',</p><p>  enabled: false</p><p>}</p

[Lee]

let menuItem = {

   text: '',

   cssClass: 'k-separator',

  enabled: false

}

[Lee]

let menuItem = {

   text: "",

   cssClass: "k-separator",

   enabled: false

}

[Lee]

let menuItem = {
   text: "",
   cssClass: "k-separator",
   enabled: false
}

[Lee]

let menuItem = {

   text: "",

   cssClass: "k-separator",

   enabled: false

}

[Dimitar]

Hello Lee,

On the following Plunker example you will find a working implementation of the Kendo UI Menu. If you open the dropdown you will notice that there is a separator after each menu item.

Can you verify if the above example is working correctly on your end? In case the issue continues to persist, may I ask you to provide a runnable sample which reproduces the problematic behavior?

Regards,
Dimitar
Progress Telerik