Ghost is mispositioned on touch devices when parent has transform property applied in CSS about sortable HOT 7 CLOSED

@RubaXa any comments on this issue? Or better yet, accept pull request, please?

from sortable.

Something I do not like this solution.
Block can be not relative or absolute. It is therefore used fixed position.

from sortable.

I'm experiencing this on Chrome 35/Firefox 30, too. Makes sense that this would be a general issue too.

Replacing the transform with top resolves the problem, but disables hardware acceleration. Unless I think of a workaround, I may pull request with another solution?

Thanks for Sortable.

from sortable.

Sure.

from sortable.

I had a similar ghost positioning issue with IOS and Android using Ionic. I tested the above fix in IOS but it didn't work because 'target' was undefined. Instead, I grabbed the event target and that seemed to work.

from sortable.

@NeosinneR Your commit solved my issue, thanks.

from sortable.

@techntrails I'm also having a problem using Sortable with Ionic, though in my case the item that's being dragged (not the ghost) is mispositioned. I'm wondering if Ionic's bar header is interfering with the calculation of the 'top' property on the draggable item? I haven't been able to find many examples of people using this with Ionic, was just wondering if you'd had this issue.

from sortable.