Bug 79380 – resize property doesn't work on images

• Status: RESOLVED
• Resolution: WONTFIX
• Component: CSS

[Ryosuke Niwa]

Demo: http://simple-rte.rniwa.com/?editor=%3Cimg%20src%3D%22https%3A//rniwa.com/wp-content/latex/5f7/5f70c79d395af9fe2eb98c8b362d0bed-ffffff-000000-0.png%22%20style%3D%22overflow%3Aauto%3Bresize%3Aboth%3B%22%3E&designmode=false&script=document.getElementById%28%27editor%27%29.focus%28%29%3B

[Ryosuke Niwa]

+adele since she's the original author of the resize handle in http://trac.webkit.org/changeset/14674.

[Adele Peterson]

Resize only applies to "elements with ‘overflow’ other than visible".  Can an image have overflow?

[Ryosuke Niwa]

(In reply to comment #2)
> Resize only applies to "elements with ‘overflow’ other than visible".  Can an image have overflow?

I can manually set overflow: hidden but maybe they're ignored?  The computed style says overflow-x and overflow-y are both auto :(

[Adele Peterson]

I think overflow doesn't apply to an image element because it is a replaced element.  But don't quote me on that...

[Ryosuke Niwa]

(In reply to comment #4)
> I think overflow doesn't apply to an image element because it is a replaced element.  But don't quote me on that...

You're right. The spec says so: http://www.w3.org/TR/css3-box/#overflow1 although MDN claims Firefox applies it to replaced elements as well but this isn't the case as far as I tested on Firefox 9: https://developer.mozilla.org/en/CSS/resize

[Koji Ishii]

Aren't images and other replaced elements simply resizable regardless of the resize property? It looks like IE/FF behaves so.

If so, I guess this is dup of bug 7154.

In addition, IE9 selects div and show resize handle if it has width or height, and then show carets on the next click. There may be preferences on this behavior, but at least making replaced elements selectable and resizable makes sense to me, with or without the resize property set.