1280920 - [css-ui] Support resize property in replaced elements such as img, video, and iframe

Status: NEW

(Core :: Layout, enhancement, P3)

Description

[yisibl]

Attachment: testcase.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36

Steps to reproduce:

The Spec says:

"Applies to: elements with overflow other than visible, and optionally replaced elements such as images, videos, and iframes"

"The resize property applies to elements whose computed overflow value is something other than visible. UAs may also apply it, regardless of the value of the overflow property, to:

Replaced elements representing images or videos, such as img, video, picture, svg, object, or canvas."

https://drafts.csswg.org/css-ui/#resize

Comment 1

[yisibl]

https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element

Comment 2

[Florian Rivoal]

This bug covers the iframe part of the story: https://bugzilla.mozilla.org/show_bug.cgi?id=680823

For the rest, there are now tests in the CSS-UI-3 test suite that check this, and they currently fail:

img: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-008/format/html5/
svg: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-009/format/html5/
picture: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-010/format/html5/
object: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-011/format/html5/
iframe: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-012/format/html5/
canvas: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-013/format/html5/
video: https://test.csswg.org/harness/test/css-ui-3_dev/single/resize-014/format/html5/

Comment 3

[Sebastian Zartner [:sebo]]

There should probably be individual bugs filed for each element like it's done for iframes already, so it's easier to make progress on this.

Sebastian