Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#6680 closed bug (notabug)

resizable doesn't work on img elements if the size attributes aren't used

Reported by: dukegriffin Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.resizable Version: 1.8.6
Keywords: Cc:
Blocked by: Blocking:

Description

This problem only occurs on Chrome and Safari (so presumably webkit). I am using Mac OS X 10.6.5 with Chrome 7.0.517.44 and Safari 5.0.2. I have tested this with 1.8.6 and 1.7.3 to find the same results, so I'm guessing it may be a change in webkit..?

Unless height and width are specified on an img element, then setting it as resizable will make them 0 and the image will not be displayed. For example, this javascript should make an element resizable

$('.resizable-image').resizable();

but will NOT work as expected with this HTML

<img class="resizable-image" src="hawk.jpg"></img>

It will however work if I were to give it a size attribute like so

<img class="resizable-image" src="hawk.jpg" style="width: 500px; height: 500px;"></img>

Change History (2)

comment:1 Changed 9 years ago by Scott González

Resolution: invalid
Status: newclosed

This sounds like you're trying to make the image resizable before the image has actually loaded.

comment:2 Changed 9 years ago by dukegriffin

This was indeed the problem *slaps forehead*. Apologies.

Note: See TracTickets for help on using tickets.