Here is a DOJO example that illustrates these 2 issues:
Issue 1: When using a full width template for listbox items, there is extra space above each item. This is due to the .k-list-item-text span you automatically create. It has a ::before pseudo element with content set to "\200b". Is this intentional? My workaround is to override this element CSS to remove the content.
Issue 2: When programmatically selecting items in the list box, the toolbar buttons are not enabled like when a user clicks an item. Calling trigger('change') does not help. My workaround is to trigger a click event on the item instead of using the Select() Method, but I assume this is a bug?
Here is a second DOJO with the 2 workarounds implemented:
Hi, Erik,
Thank you for sharing your workarounds with the community, I am sure they'll be of help.
I left a response regarding the first problem in the following forum thread:
https://www.telerik.com/forums/listbox-item-template
As for the second problem, this does look like a bug. A similar report has been logged here:
https://github.com/telerik/kendo-ui-core/issues/7217
I'll add a note that the opposite behavior also occurs.
Best Regards,
Georgi