Opened 15 years ago
Closed 15 years ago
#2464 closed bug (wontfix)
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;
Change History (5)
comment:1 Changed 15 years ago by
Owner: | changed from paul to braeker |
---|
comment:2 Changed 15 years ago by
Milestone: | 1.2.4 |
---|
comment:3 Changed 15 years ago by
Milestone: | → 1.5 |
---|---|
Type: | enhancement → bug |
Version: | 1.2.3 → 1.5b4 |
comment:4 Changed 15 years ago by
Component: | ui.core → ui.resizable |
---|
comment:5 Changed 15 years ago by
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.
Milestone 1.2.4 deleted