Opened 5 years ago

Last modified 5 years ago

#10663 new bug

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.

Change History (2)

comment:1 Changed 5 years ago by tj.vantoll

Owner: set to 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?

comment:2 in reply to:  1 Changed 5 years ago by kuz

Status: pending → new

Replying to 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.

Note: See TracTickets for help on using tickets.