AshesOfOwls / jquery.shapeshift

A dynamic grid system with drag and drop functionality.
http://ashesofowls.github.com/jquery.shapeshift/
MIT License
1.67k stars 311 forks source link

Issue with dropping between last two draggable items. #121

Open mithralaya opened 9 years ago

mithralaya commented 9 years ago

Hello ShapeShift Team,

I am using Shapeshift for last 2 months in my workplace. Thank you so much for putting up this very useful code of dragging and dropping items. Almost exactly what I wanted.

I noticed a wired behaviour while I was building a sprint board.

I have something similar to this code http://jsfiddle.net/LNysC/2406/. 4 different columns and each got varied number of draggable cells.

When the height < width of each draggable items, its getting difficult to insert(or drop) between last 2 items of any column. It also happens with height: auto.

For example: http://jsfiddle.net/LNysC/2406/

When I drag No. 2 cell and try and drop in between 7 & 8 in the next column, it almost gets very difficult. Likewise in between 3 & 4 on first column, 11 & 12 on 3rd Column and 15 &16 on 4th column.

It is so wired that it only happens on the last two cells. You have to keep looking for right position (almost keep dragging more than 50% towards left between 7 & 8).

Any help for fixing this issues would be much appreciated.

Many thanks, Karthik

figfig commented 7 years ago

Was there ever a solution to this? Just started using ShapeShift and get exactly the same problem. Last two in the grid behave weirdly (& make others) when dragging.

mithralaya commented 7 years ago

@figfig The project is not maintained for a long time. But If you want to achieve this, you can simply do this with JQuery UI.

The answer is here - http://stackoverflow.com/questions/30193912/having-issues-with-y-scrollable-column-with-jquery-ui-sortable-connect-lists-exa

You may need to figure something out for animation with CSS3.

figfig commented 7 years ago

Thanks for your reply. I tweaked the main .js and sorted it myself