Skip to main content

Search and Top Navigation

#11086 open bug ()

Opened February 11, 2015 02:07PM UTC

Last modified April 17, 2017 07:52PM UTC

Sortable: Helper keeps moveing away because of margin

Reported by: syl.fabre Owned by:
Priority: minor Milestone: none
Component: ui.sortable Version: 1.11.2
Keywords: Cc:
Blocked by: Blocking:

JS Fiddle:

Step to reproduce

1. Drag slowly a draggable over the 1st sortable

2. Keep dragging down over the 2nd one

3. A white space is going to appear between the 2 sortables

4. If you keep moving slowly down right in order to keep the helper between the 2 you'll see that the helper almost keep its place but do not follow the mouse cursor

This is because you keep overing / outing the 2nd sortable. Every entry over the sortable calls _mouseStart which has the following code which seems to keep removing the margins near lines 210 of sortable.js

Attachments (0)
Change History (5)

Changed February 11, 2015 06:02PM UTC by scottgonzalez comment:1

status: newopen
summary: Helper keeps moveing away because of marginSortable: Helper keeps moveing away because of margin

The margin (white space) between the sortables isn't really related. I'm also not sure what code you're intending to refer to. Could use a less distracting test case.

Changed February 11, 2015 07:32PM UTC by syl.fabre comment:2

@scott The margins I'm referring to is not the white space between the 2 sortables but the margin of the draggable elements (.draggable). If you remove this 5px margin in the CSS part, the problem goes away. I'll try to add a screenshot movie later

Changed February 11, 2015 07:37PM UTC by scottgonzalez comment:3

I know what margins you're referring to (hence the ticket being marked valid), please don't add a video. Step #3 is what I was referring to, which is just a distraction. Even with the bug being fixed, that behavior will continue to exist and is just poor UX.

Changed February 11, 2015 07:47PM UTC by syl.fabre comment:4

@scott yes point #3 isn't a bug. I was just trying to describe all the steps to reproduce the bug.

Glad to hear that you understand what I meant :-)

Changed April 17, 2017 07:52PM UTC by scottgonzalez comment:5

#14822 is a duplicate of this ticket.