Skip to main content

Search and Top Navigation

#6680 closed bug (notabug)

Opened November 22, 2010 10:57AM UTC

Closed November 22, 2010 01:27PM UTC

Last modified November 22, 2010 01:43PM UTC

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>

Attachments (0)
Change History (2)

Changed November 22, 2010 01:27PM UTC by scottgonzalez comment:1

resolution: → invalid
status: newclosed

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

Changed November 22, 2010 01:43PM UTC by dukegriffin comment:2

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