emptyItemClass for Kendo UI Sortable for Angular

Question

I am probably missing something basic but I cannot seem to get emptyItemClass to be applied to a kendo-UI sortable component for angular 2.

I have also tried using emptyItemStyle, and get the same result.

<kendo-sortable [data]="viewColumns" itemClass="itemClass" emptyItemClass="emptyItem" activeItemClass="activeItemClass"
[emptyText]="'No columns selected'" (dragEnd)="doneDragging($event)">

In this above code snipit itemClass and activeItemClass work, but emptyItemClass does not.

Here is a StackBlitz of my problem

Answer 1

You need to remove the brackets in your example and also use ViewEncapsulation.

Working StackBlitz