Item being dragged not going on top of other items in Chrome 43

kornelski / slip

Slip.js — UI library for manipulating lists via swipe and drag gestures

BSD 2-Clause "Simplified" License

2.44k stars 213 forks source link

Item being dragged not going on top of other items in Chrome 43 #49

Closed humphreybc closed 8 years ago

humphreybc commented 9 years ago

It appears Chrome 43 has changed something which now causes the item that's being reordered to sit "behind" the other items in the list as it's dragged up or down. This is best demonstrated in action:

Firefox 38.05 or Chrome < 43:

slip-ff

Chrome 43:

slip-chrome-43

salcott commented 9 years ago

Having the same problem in cordova

humphreybc commented 9 years ago

This might be relevant: http://stackoverflow.com/questions/29611680/chrome-incorrect-z-axis-order-with-translate3d

humphreybc commented 8 years ago

Not 100% sure, but it looks like it could be this bug in Chrome: https://code.google.com/p/chromium/issues/detail?id=565089

carter-thaxton commented 8 years ago

Confirmed that this occurs in Chrome 43. I've added position: relative to the list items in the example, and some documentation to recommend adding something similar for projects that use Slip.