{"action":"opened","issue":{"url":"https://api.github.com/repos/Shopify/draggable/issues/235","repository_url":"https://api.github.com/repos/Shopify/draggable","labels_url":"https://api.github.com/repos/Shopify/draggable/issues/235/labels{/name}","comments_url":"https://api.github.com/repos/Shopify/draggable/issues/235/comments","events_url":"https://api.github.com/repos/Shopify/draggable/issues/235/events","html_url":"https://github.com/Shopify/draggable/issues/235","id":332339940,"node_id":"MDU6SXNzdWUzMzIzMzk5NDA=","number":235,"title":"group option for sortable","user":{"login":"philippkuehn","id":2500670,"node_id":"MDQ6VXNlcjI1MDA2NzA=","avatar_url":"https://avatars0.githubusercontent.com/u/2500670?v=4","gravatar_id":"","url":"https://api.github.com/users/philippkuehn","html_url":"https://github.com/philippkuehn","followers_url":"https://api.github.com/users/philippkuehn/followers","following_url":"https://api.github.com/users/philippkuehn/following{/other_user}","gists_url":"https://api.github.com/users/philippkuehn/gists{/gist_id}","starred_url":"https://api.github.com/users/philippkuehn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/philippkuehn/subscriptions","organizations_url":"https://api.github.com/users/philippkuehn/orgs","repos_url":"https://api.github.com/users/philippkuehn/repos","events_url":"https://api.github.com/users/philippkuehn/events{/privacy}","received_events_url":"https://api.github.com/users/philippkuehn/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-06-14T10:18:04Z","updated_at":"2018-06-14T10:18:04Z","closed_at":null,"author_association":"NONE","body":"Is there a way to drag items between two sortable instances without initializing both at the same time?\r\n\r\nI know there is a demo for multiple containers.\r\n\r\n```js\r\nconst containers = document.querySelectorAll('#MultipleContainers .StackedList');\r\nconst sortable = new Sortable(containers);\r\n```\r\n\r\nBut if you think in components (react, vue, …) this is likely a problem because for each `sortable` component there is one `sortable` instance. It would be nice if these instances could work together. Many other drag and drop plugins provide a way to set a `group` property for doing this. This could look something like this:\r\n\r\n```js\r\nconst sortable1 = new Sortable(document.querySelectorAll('#list1'), {\r\n    group: 'a',\r\n});\r\nconst sortable2 = new Sortable(document.querySelectorAll('#list2'), {\r\n    group: 'a',\r\n});\r\nconst sortable3 = new Sortable(document.querySelectorAll('#list3'), {\r\n    group: 'b',\r\n});\r\n\r\n// you can drag items between sortable1 and sortable2\r\n// you can't drag items between sortable1 and sortable3 or sortable2 and sortable3\r\n```\r\n\r\nMaybe something like this is already possible now?"}}
{"actor":{"display_login":"philippkuehn"}}