Opened 2 years ago

Last modified 2 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 follow-up: Changed 2 years ago by tj.vantoll

  • Owner set to kuz
  • Status changed from new to pending
  • Summary changed from Scroll problem with absolute positioning to 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 2 years ago by kuz

  • Status changed from pending to 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.