Inline elements should be affected by 2D Transforms

*Point 1:*
Three major browsers (Firefox, IE, Opera) already behave as desired.  Only
Webkit "complies" by not rendering transforms on inline elements.

*Point 2:*
There are definitive instances where *inline-block* (often used as a
workaround for Chrome/Safari to enable 2D Transforms on inline elements) is
either insufficient or inelegant, instances served very well by *display:
inline;*
*
*
See fiddle output:
http://jsfiddle.net/brianblakely/fZ2uw/

Every character in the body is wrapped with a *span*.  These elements are
inline by default.  Checking the box in the output will render them as
inline-blocks.

The result is a non-formatted text flow.  Aside from the lack of space
characters, word breaks are no longer in effect.

*Addendum:*
*
Webkit bug and the associated comment trail:
https://bugs.webkit.org/show_bug.cgi?id=58965


-Brian
*

Received on Thursday, 2 June 2011 09:26:03 UTC