title: Vue Draggable - How to only replace item chosen to prevent shifting all other items on grid?
body: <p>Here's an example to test:
  <a href="https://codesandbox.io/s/j4vn761455?file=/src/App.vue:112-116" rel="nofollow noreferrer">https://codesandbox.io/s/j4vn761455?file=/src/App.vue:112-116</a></p>
  <p><strong>Step 1</strong>: Drag 4 to 5. As you see, 4 and 5 switch places</p>
  <p><strong>Step 2</strong>: Drag 1 to 6, as you see, 1 goes where 6 was, 6 gets pushed to the side, and 2, 3, 4, and 5 all shift over.</p>
  <p>I would like though is to keep existing items untouched, moving 1 and 6 should move 1 to 6 and 6 to 1 space on the grid. All other items should remain in their spaces.</p>
  <p>I have tried using <code>sort=false</code> this had no effect, and without a <code>group=</code>, it disables all dragging.</p>
  <p>Is this possible?</p>
  <p>I'd like the items in the grid to be stationary and only moved based on desired selection. If I'm not using the right tool, is there something else that could accomplish this? Think about if the grid was icons, it does make a good UI when moving icons to a selection and then all the previous icons automatically shift over. Would be very annoying to the user.</p>
  <p><em>Hope this makes sense, if you need more details, comment below and I'll revise/update as needed.</em></p>