#10669 closed bug (fixed)

Opened October 20, 2014 10:58AM UTC

Closed November 09, 2014 01:27AM UTC

Last modified March 24, 2015 05:33PM UTC

Draggable: Position issue with connectToSortable

Reported by: creage Owned by:
Priority: minor Milestone: 1.11.4
Component: ui.draggable Version: 1.11.2
Keywords: regression Cc:
Blocked by: Blocking:
Description

Moving a draggable element, connected to a sortable, around containers, makes it positioned unexpected.

http://jsfiddle.net/BW3NW/3/

Try to drag an item from the left (draggable list) to the right list (sortable), but don't place it there, just keep dragging to the right. After you mouse reach the right edge of the right list, your element is positioned unexpectedly.

Tested on Chrome and IE, running jQuery UI 1.11.2.

Attachments (0)
Change History (12)

Changed October 20, 2014 03:02PM UTC by tj.vantoll comment:1

keywords: → regression
status: new → open

I reduced this some: http://jsfiddle.net/tj_vantoll/BW3NW/5/. This appears to have regressed in 1.11.2 as I'm not seeing the problem in 1.11.1.

Changed October 22, 2014 04:01PM UTC by scottgonzalez comment:2

version: git → 1.11.2

Changed November 09, 2014 01:27AM UTC by Mike Sherov comment:3

resolution: → fixed
status: open → closed

Draggable: Ensure parent is correct after dragging through sortable

Fixes #10669

Changeset: d8077dc562bfca60906a160e20186608a10b7a87

Changed November 09, 2014 01:27AM UTC by mikesherov comment:4

milestone: none → 1.12.0

Changed November 22, 2014 09:08PM UTC by mikesherov comment:5

#10704 is a duplicate of this ticket.

Changed March 03, 2015 10:05PM UTC by tj.vantoll comment:6

#11250 is a duplicate of this ticket.

Changed March 10, 2015 04:11PM UTC by Mike Sherov comment:7

Draggable: Ensure parent is correct after dragging through sortable

Fixes #10669

(cherry picked from commit d8077dc562bfca60906a160e20186608a10b7a87)

Changeset: b3710631e8d21ef9165ef9f037590e1d250350b4

Changed March 10, 2015 04:15PM UTC by scottgonzalez comment:8

milestone: 1.12.0 → 1.11.4

Changed March 20, 2015 03:04PM UTC by tepez2 comment:9

There is still an issue when using nested sortables.

Please check this example http://jsfiddle.net/8hy92a9g/1/

1. Pick up the Thing (draggable)

2. Drag it in and out of the big red box (sortable) - works as expected

3. Now drag it in and out of the small blue box (inside the big one). You'll notive that:

a. When exiting the small box, the helper is flickers for a fraction of a second.

b. When existing the large box, the helper is misplaced and will remain so until dragging back into the large box.

This is how it looks with Chrome 41

https://www.youtube.com/watch?v=Vls2tTteu60

Changed March 20, 2015 03:13PM UTC by scottgonzalez comment:10

Please file a new issue for the nested case.

Changed March 20, 2015 04:58PM UTC by tepez2 comment:11

Done

http://bugs.jqueryui.com/ticket/11580

Changed March 24, 2015 05:33PM UTC by scottgonzalez comment:12

#11612 is a duplicate of this ticket.