Kendo Tile layout drag is not working properly inside Kendo Tabstrip

[n/a]

Hi

 

I am trying to populate Kendo Tile Layout inside Kendo Tabstrip but seems there is a bug when I drag the item. The position of selected tile is broken initially

 

When I click the red circle area to drag, the tile is moving to some strange place(position where you see 'Page Views' tile). This does not happen when I populate tile layout without trabstrip.

 

Any idea how to resolve this? I upgraded Kendo Angular lib to the latest.

* Code is attached.

 

Kind regards

David

[Dimiter Topalov]

Hi David,

Indeed, the observed behavior is a documented limitation of the TileLayout component - its dragging-related features like resizing and reordering do not work as expected in a container with relative or absolute position:

https://www.telerik.com/kendo-angular-ui-develop/components/layout/tilelayout/#toc-known-limitations

You can support and track the following feature request in our Feedback portal:

https://feedback.telerik.com/kendo-angular-ui/1542096-tilelayout-resizing-and-reordering-in-absolute-relative-positioned-containers

Meanwhile, the available workaround is to override the styling of the TabStrip component so that the tab content wrapper elements are with static position, e.g.:

https://stackblitz.com/edit/angular-16fzbj?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik