Skip to main content

Search and Top Navigation

#2753 closed bug (notabug)

Opened April 28, 2008 04:04PM UTC

Closed May 03, 2008 08:35AM UTC

Last modified September 20, 2010 10:39AM UTC

jQuery UI sortables: "helper" item not visible when dragging between scrollable divs.

Reported by: wang Owned by: paul
Priority: major Milestone:
Component: ui.core Version: 1.2.3
Keywords: sortable overflow Cc:
Blocked by: Blocking:

When dragging an item from one connected list to another (the lists are in separate divs), the helper item becomes invisible.

This only happens when one (or both) of the divs are scrollable ("overflow: scroll").

This has been tested on XP in IE7 and Fx2, and on Leopard in Fx3b5 and Safari 3.1. Please see attachment for an example.

Attachments (0)
Change History (4)

Changed April 30, 2008 10:07AM UTC by paul comment:1

status: newassigned

Changed May 03, 2008 08:35AM UTC by paul comment:2

resolution: → invalid
status: assignedclosed

That's not a bug - it happens because the helper is appended to the parent, and therefore cannot be moved out. Try using the appendTo option to append the helper to a higher node, i.e "body"

Changed May 24, 2008 03:39AM UTC by comment:3

milestone: 1.2.4

Milestone 1.2.4 deleted

Changed September 20, 2010 10:39AM UTC by Hemendara comment:4


I have a similar problem. There are many lists(divs) in my page that are sortable and connected to each other and only one of them have 'overflow:auto' and when I move a element from that div(with overflow) the element doesn't seem to move above, Instead it seems to move below and gets hidden (Actually within the div it moves properly, but it disappears or gets cut when crossing the div boundary. It gives a feeling like its moving below the screen, but still I can drag and drop it in another list). I have even set zIndex as the highest. This issue happens only in IEseries browsers. Firefox and chrome seem to work fine.

One work around will be to use helper and appendTo:'body' . This workaround works good. but I don't want to use helper in certain cases. Anyother ways? As of now this work around is fine, but I would like to have a permanent solution.