Transforms on inline elements

We now have multiple implementations of 2D Transforms[1], but do not have interoperable behavior when it comes to transforms applied to inline elements. This issue was raised in a previous thread on this list[2].

Transforming inline elements that may be split into multiple lines does not have an obvious solution. Transforming individual boxes has undesirable consequences if things like bidi text generate multiple boxes (they'd each rotate separately). Transforming using the bounding box of the individual boxes will also produce unexpected behavior in many cases (imagine scaling an anchor split over two lines).

For this reason, I propose that CSS Transforms be limited to block-level elements, and inline elements that are never split into multiple boxes (i.e. replaced elements, inline-block and inline-table).

Simon

[1]  http://www.w3.org/TR/css3-2d-transforms/
[2] http://lists.w3.org/Archives/Public/www-style/2010Aug/0615.html

Received on Tuesday, 16 November 2010 06:10:35 UTC