Modify ↓
Ticket #2506 (closed bug: invalid)
draggable in DIV doesn't scroll DIV
| Reported by: | morrij6 | Owned by: | paul |
|---|---|---|---|
| Priority: | major | Milestone: | 1.2.4 |
| Component: | ui | Version: | 1.2.3 |
| Keywords: | draggable scroll | Cc: | |
| Blocking: | Blocked by: |
Description
I have an outer DIV (200px by 200px) with a draggable image (500px by 500px) inside. The outer DIV is set to overflow:auto so I get scroll bars with the large image inside.
I've tried various methods to get the outer DIV to scroll when I drag the inner image but it just won't work.
Perhaps I don't have the right combination of options set up but I've read all the docs and spent about 3 hours trying various combinations of techniques.
I figure the 'scroll:true' and 'containment:"parent"' should take care of all I need. But no.
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.
This will not work because the outer div doesn't expose any more "free space" (since it's 200x200 px). I think you're expecting something different to happen, moving around that picture and clipping it, like an image cropper.
Scrolling in the inner DIV will only work if the inner div is also scrollable (beyond the image).