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: |
Description
JS Fiddle:
http://jsfiddle.net/w6fyeung/1/
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 comment:1
| status: | new → open |
|---|---|
| summary: | Helper keeps moveing away because of margin → Sortable: Helper keeps moveing away because of margin |
Changed February 11, 2015 07:32PM UTC by 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 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.
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.