#2464 closed bug (wontfix)

Opened March 06, 2008 01:46AM UTC

Closed June 01, 2008 09:40PM UTC

Resizable + Draggable <img>

Reported by: neanton Owned by: eduardo
Priority: critical Milestone: 1.5
Component: ui.resizable Version: 1.5b4
Keywords: Cc:
Blocked by: Blocking:
Description

$(document).ready(function() {

$("img").resizable({ handles: 'all', containment: 'parent', stop: onResize }).draggable({ containment: 'parent', stop: onDrag });

});

This code doesn't work. Because on <img> the wrapper is created. I could make it work only by:

$(document).ready(function() {

$("img").resizable({ handles: 'all', containment: 'parent', stop: onResize }).parent().draggable({ containment: 'parent', stop: onDrag });

});

this code and it produces very buggy results under every browser.

Here's my HTML example:

<body bgcolor="gray">

<div id="photoeditor" style="width: 500px; height: 500px; background: white; margin: 0px;">

<img height="150" width="200" src="bliss.jpg" style="margin: 0px;">

</div>

</body>

For example:

1) in IE8 beta 1 when dragging image it jumps aprox 3 pixlels up and left;

2) in All browsers { containment: 'parent' } doesn't work for resizables;

3) in Opera on first movement the image could be dragged from the { containment: 'parent' } box for approx 3 pixels;

Attachments (0)
Change History (5)

Changed March 11, 2008 10:09AM UTC by paul comment:1

owner: paul → braeker

Changed May 24, 2008 03:39AM UTC by comment:2

milestone: 1.2.4

Milestone 1.2.4 deleted

Changed May 24, 2008 03:45AM UTC by paul comment:3

milestone: → 1.5
type: enhancement → bug
version: 1.2.3 → 1.5b4

Changed May 27, 2008 06:47PM UTC by paul comment:4

component: ui.core → ui.resizable

Changed June 01, 2008 09:40PM UTC by paul comment:5

resolution: → wontfix
status: new → closed

This is impossible to be fixed properly. However, we will take care of it in the documentation, so people know that a wrapper is created for these elements.