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:

1. Run sample at https://dojo.telerik.com/@GaloisGirl/iGArIqup/3
2. Try to heighten item A or C

Actual result: only item B can be heightened

Expected result: all items can be heightened

Reproduction:

1. Run sample at https://dojo.telerik.com/@GaloisGirl/eRoyEQEQ
2. Try to heighten any item
   

Actual result: no item can be heightened

Expected result: all items can be heightened

Reproduction:

1. run dojo at https://dojo.telerik.com/@GaloisGirl/IxEGipeT
   
2. resize the first item
3. check the console to e.container

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

I think the tile layout is a really cool new feature for making reporting dashboards that users can customize.  One thing that users would want is the ability to add new items at a specific location.  I imagine the tile layout control being a drop target where a user can drag a draggable item onto the tile layout surface and the new item can be added at the location where the user dragged the item.

Is this something you can add to the control in the future?

Reproduction:

1. run dojo at https://dojo.telerik.com/@GaloisGirl/aPUgEvUZ

Expected result

1. First header reads "Text header 1"
2. Second header reads "Template header"

Actual result

1. Both Headers read "Text header 1"

Cause

In the "_initContainers" function, when looping over containers, the variable "headerContent" still holds the content of the previous header.

A key feature of the TileLayout widget is the fact that the user can modify the layout. This makes little sense if their changes are lost whenever they close the window.

I want to preserve those changes. It would be helpful if the resize event contained information about the new rowSpan and colSpan of the resized item.