Opened 11 years ago

Closed 11 years ago

Last modified 7 years ago

#3548 closed bug (notabug)

Draggables causing overflow bug in IE

Reported by: Skippy Owned by: paul
Priority: major Milestone:
Component: ui.draggable Version: 1.6rc2
Keywords: Cc:
Blocked by: Blocking:

Description

I have a container div which has the following properties :

height: 420px;
width: 355px;
overflow:auto;

Inside that div, there's a container for a list of elements, which has no specific properties. When I make the elements draggable, the list doesn't overflow. As a pic is better than a thousand words, a screenshot is attached.

This happens only on IE (version 7, couldn't test with the 6), Fx, Opera and others run fine.

Attachments (2)

pb_css.jpg (71.8 KB) - added by Skippy 11 years ago.
Screenshot of the problem
overflow_ie.jpg (55.6 KB) - added by Skippy 11 years ago.
Draggable bug

Download all attachments as: .zip

Change History (7)

Changed 11 years ago by Skippy

Attachment: pb_css.jpg added

Screenshot of the problem

comment:1 Changed 11 years ago by Skippy

Does anyone have an idea or a workaround?

comment:2 Changed 11 years ago by paul

Resolution: invalid
Status: newclosed

You have to set the position of the overflowing container to relative - this will fix it.

Changed 11 years ago by Skippy

Attachment: overflow_ie.jpg added

Draggable bug

comment:3 Changed 11 years ago by Skippy

This fixed the bug, right, but now on drag the draggable element appears "below" the others (the drag & drop operatin still workds fine though). The draggable element don't have any specific CSS rule (except height, bakground and border). (see attachment "Draggable bug")

comment:4 Changed 11 years ago by Skippy

Shall I open a new bug report?

comment:5 Changed 7 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.