Element Request: paper-sortable-tiles

[samccone]

Use cases:

• When you have a grid of paper-cards, (click/touch) + drag to reorder is sometimes desirable
• When you have a paper cards sometimes you want their order to customizable outside of your loop.

  Features:

• sort order arr
• custom sort by attr
• drag and drop to update sort order

---

Thoughts? bad idea? :cold_sweat:

[addyosmani]

My first question is: is this UX pattern something currently in the Material spec, or is this something that would be useful, but isn't listed there?

[samccone]

The pick-up-and-move gesture is also supported. However, consider whether it is important for the user to be able to sort cards within the collection, or if the content would be better organized using programmatic filtering or sorting.

:) :)

[notwaldorf]

I think the MD spec actually supports the pick-and-move gesture (https://www.google.com/design/spec/components/cards.html#cards-behavior), so this isn't a bad idea. However, much like iron-swipeable-container, I don't think this feature should be limited to just paper-cards (I can see a scenario where you want to pick and move <div>s), so maybe it should be an iron-drag-and-drop-container.

Which brings us to the jar of spiders that is drag-and-drop, and me throwing the hot potato to @kevinpschaaf, who's looked at it before. TL DR: this is hard to get right and not slow and janky.

[addyosmani]

I think the MD spec actually supports the pick-and-move gesture (https://www.google.com/design/spec/components/cards.html#cards-behavior), so this isn't a bad idea.

Awesome!

so maybe it should be an iron-drag-and-drop-container.

:+1: On not limiting it to cards. I can see folks wanting to pick and move arbitrary content if this is supported.

[chuckh]

so maybe it should be an iron-drag-and-drop-container.

:+1: I would love to have a iron-drag-and-drop-container.

[zoechi]

Could this be Draggable and Droptarget behavior?

[abdonrd]

I think the MD spec actually supports the pick-and-move gesture (https://www.google.com/design/spec/components/cards.html#cards-behavior), so this isn't a bad idea. However, much like iron-swipeable-container, I don't think this feature should be limited to just paper-cards (I can see a scenario where you want to pick and move <div>s), so maybe it should be an iron-drag-and-drop-container.

Which brings us to the jar of spiders that is drag-and-drop, and me throwing the hot potato to @kevinpschaaf, who's looked at it before. TL DR: this is hard to get right and not slow and janky.

Sounds really really good!

[notwaldorf]

As a tracking side note, iron-swipeable-container is now a thing (no drag-drop support): https://github.com/PolymerElements/iron-swipeable-container

[andrew-vdb]

http://demos.telerik.com/kendo-ui/sortable/linkedlists for trello like user interface or http://demos.telerik.com/kendo-ui/sortable/sortable-panels for dashboard (arranging google analytics widget)