Skip to main content

Search and Top Navigation

#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: newpending
summary: Scroll problem with absolute positioningDraggable: 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: pendingnew

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.