Opened 10 years ago

Closed 10 years ago

#4502 closed bug (notabug)

Problem dragging to extremes when using draggable on a grid

Reported by: gplocke Owned by:
Priority: major Milestone: 1.8
Component: ui.draggable Version: 1.7.1
Keywords: grid, dragging Cc:
Blocked by: Blocking:

Description

If you have an area that is the parent container with a draggable element inside, and you use a grid, the draggable element can't reach the very top or very bottom of the parent container.

You can see an example of the problem here (the files are also attached) http://jsbin.com/ayawa

Click and drag to select a region in the column. Then drag the resulting div up and down to illustrate the issue.

Attachments (1)

index.html (10.2 KB) - added by gplocke 10 years ago.
HTML test case illustrating bug.

Download all attachments as: .zip

Change History (4)

Changed 10 years ago by gplocke

Attachment: index.html added

HTML test case illustrating bug.

comment:1 Changed 10 years ago by Jörn Zaefferer

Milestone: TBD1.7.2

Reproducable.

comment:2 Changed 10 years ago by Jörn Zaefferer

Milestone: 1.7.21.8

comment:3 Changed 10 years ago by paul

Resolution: invalid
Status: newclosed

The bug is in your test - in fact, it is just one pixel that destroys your usecase. The grid option will always have the priority over the containment option, meaning if snapping at the very top corner of the containment would destroy the grid, it will not do so. In your example, to move to the top edge, the distance would be 14px - but in order to keep the grid, it needs to move by 15px.

Note: See TracTickets for help on using tickets.