Remove placeholder when a dragItem is no longer over a valid dropTarget

[lukasoppermann]

You can test the current implementation here: http://lukasoppermann.github.io/html5sortable/index.html

Current behavior

• Item is outside of the list (no valid dropTarget → item will be placed back to its original position)
• Last valid position of placeholder is still visible

Desired behavior

• when item is outside valid dropTarget no placeholder is visible
• an icon / cursor / visual effect makes it apparent that the item will not be moved / move is canceled (a class should be added to the sortable so that it can be styles)
• placeholder should be hidden by default but moved back to original position where the item will be returned (with a special class so it can be styled and shown if so desired)
  • if the list is set to copy, the placeholder is just hidden as there is no original position
• investigate of ghost can be updated to show visual effect (may not be possible)

[mateuszpigula]

Hi @lukasoppermann,
I wanted to do this task, but I have a problem with reproducing the state from your example.
I cannot see the border while dragging the item. I am using basscss.css but still can't see that.

[lukasoppermann]

Hey @mateuszpigula.

can you not see the border when you clone the repo or also not in the online demo?

[mateuszpigula]

@lukasoppermann in my forked repo. I have merged upstream/master so no differences with the original one.

[lukasoppermann]

Hmm, weird, so:

1. Does the example from the repo work? http://lukasoppermann.github.io/html5sortable/index.html
2. What browser & OS are you using?
3. You drag an item and it works fine, but you don't have any outline?
4. Do you get any js issues

If I clone your fork it works fine for me (chrome on mac & safari on mac)