#10663 new bug ()

Opened October 17, 2014 03:23PM UTC

Last modified October 18, 2014 03:55PM UTC

Draggable: Scroll problem with absolute positioning

Reported by: kuz Owned by: kuz
Priority: minor Milestone: none
Component: ui.draggable Version: 1.11.1
Keywords: Cc:
Blocked by: Blocking:
Description

http://jsfiddle.net/kuz30/g65rcea0/

When dragging .draggable over .view expecting .window to be scrolled automatically.

If .draggable will have position: relative then it works as expected.

Attachments (0)
Change History (2)

Changed October 18, 2014 01:06PM UTC by tj.vantoll comment:1

owner: → kuz
status: new → pending
summary: Scroll problem with absolute positioning → Draggable: Scroll problem with absolute positioning

Yeah I was able to get this working by removing 

position
from the draggable and 
overflow
from the view: http://jsfiddle.net/7oxy0Lf3/. I'm not sure it's possible to make 
position: absolute
work when it's in a 
overflow: hidden
container. Is there any reason you specifically need 
position: absolute
here?

Changed October 18, 2014 03:55PM UTC by kuz comment:2

status: pending → new

Replying to [comment:1 tj.vantoll]:

Yeah I was able to get this working by removing 
position
from the draggable and 
overflow
from the view: http://jsfiddle.net/7oxy0Lf3/. I'm not sure it's possible to make 
position: absolute
work when it's in a 
overflow: hidden
container. Is there any reason you specifically need 
position: absolute
here?

Draggable is used in Gantt Diagram, where 

position: absolute
is the only way of positioning 
.draggable
in a 
.view
(both vertically and horizontally). Element 
.view
is used with draggable option 
containment
, but it doesn't affect current behaviour. Partial solution is using 
.ui-draggable-dragging
but with side effects when 
grid
option is defined.