I have a 2-column grid. When I have two single-column elements next to each other on top of a 2-column element and drag the left one to the right, it does not work. Here is an example Fiddle, which is the same as the one on the jquery.Shapeshift homepage, modified to be 2 column.
This same issue occurs with 3 columns when dragging the middle element to the right of the 3rd element - also, only when the three elements are above a single element that spans all three columns.
Does anyone have any thoughts on what the issue might be or how I can work around this?
In a nutshell, this is my issue:
I have a 2-column grid. When I have two single-column elements next to each other on top of a 2-column element and drag the left one to the right, it does not work. Here is an example Fiddle, which is the same as the one on the jquery.Shapeshift homepage, modified to be 2 column.
http://jsfiddle.net/s04LpL9t/1/
This same issue occurs with 3 columns when dragging the middle element to the right of the 3rd element - also, only when the three elements are above a single element that spans all three columns.
Does anyone have any thoughts on what the issue might be or how I can work around this?