Sorting items inside grid list angular 2 material issue

[eslammahgoub]

I'm using angular 2 material and I had case of sorting items in grid list here, there are Array of Categories and every 3 categories in one row in grid I'm using options of { sort: true, animation: 100 }; the item can drag but not clone or drop or sort,
any help.
Reproducing:
Plnk

[smnbbrv]

Hi, please create a plunkr or github repo reproducing the problem

[eslammahgoub]

Here is the plunkr Plnk

[smnbbrv]

Hi @eslammahgoub

I think the reason is that mat-grid-list is wrapping a children content into some div. Sortable is taking this div and allows to sort it but the problem is that you want to sort the div content and not the div itself. I tried to apply various options from https://github.com/RubaXa/Sortable , e.g. draggable but it still does not seem to work because it expects element with [sortablejs] to be the parent of sortable children.

I couldn't manage to do that, sorry :( If you find some way to work this around or have some proposal how to fix this as a feature - please share it here

[smnbbrv]

implemented as sortablejsContainer in 3.1.0