Bug report
When a draggable item that is part of a tile of the Kendo UI TileLayout is dragged, JavaScript errors are thrown. This is due to the fact that the Draggable widget, internally used, calls the drag event of the widget instances inside the TileLayout.
Reproduction of the problem
1. Edit the live demo in a Dojo: https://demos.telerik.com/kendo-ui/tilelayout/index
2. Make any of the grids, resizable or groupable.
3. Resize or group a column.
4. JavaScript errors are thrown.
Environment
* **Kendo UI version:** 2020.2.617
* **jQuery version:** 1.124
* **Browser:** [all]
This can be observed at https://demos.telerik.com/kendo-ui/tilelayout/reordering : when you reorder the items, their "order" property changes, but their order in the HTML source stays the same. This makes the visual layout differ from the logical one.
The Sortable component, however, behaves correctly by reordering items in the HTML source.
See also: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility
Reproduction:
Actual result: only item B can be heightened
Expected result: all items can be heightened
Reproduction:
Actual result: no item can be heightened
Expected result: all items can be heightened
Reproduction:
Expected result
Actual result
Cause
In the "_initContainers" function, when looping over containers, the variable "headerContent" still holds the content of the previous header.
Reproduction:
Expected result:
As per https://docs.telerik.com/kendo-ui/api/javascript/ui/tilelayout/events/resize , e.container should be a jQuery object
Actual result:
e.container is undefined