Bug 24919

Summary: CSS transformations do not work with inline elements
Product: WebKit Reporter: CHL <nospamfornow>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Trivial CC: jbalogh, rik, simon.fraser
Priority: P5    
Version: 528+ (Nightly build)   
Hardware: PC   
OS: All   
Attachments:
Description Flags
Testcase none

CHL
Reported 2009-03-29 03:28:34 PDT
CSS transforms do not seem to work with :hover. Checked with Chrome and (nightly) WebKit GTK. Presumably also affects WebKit on OS X.
Attachments
Testcase (197 bytes, text/html)
2009-04-02 04:39 PDT, CHL 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
CHL
Comment 1 2009-03-30 05:50:56 PDT
After a bit of checking it seems that this only affects inline elements. On Mozilla -moz-transform affects both block and inline, while here -webkit-transform only affects inline. This happens regardless of whether :hover is used.
Anthony Ricaud
Comment 2 2009-04-01 16:58:23 PDT
Could you provide a testcase to confirm that ?
CHL
Comment 3 2009-04-02 04:39:11 PDT
Created attachment 29188 [details] Testcase Testcase attached. The word "ordinary" should be rotated by 180 degrees, but isn't.
Anthony Ricaud
Comment 4 2009-04-03 09:59:50 PDT
Copying Simon to determine if it's a bug or not. As a workaround now, you can use "display: inline-block;"
Simon Fraser (smfr)
Comment 5 2009-04-03 10:04:47 PDT
This is by design. Transforms only work on block-level elements. They really don't make too much sense on inlines, especially if the inline in broken over several lines -- where would the transform origin be?
CHL
Comment 6 2009-04-03 18:59:51 PDT
Maybe it can be done the way Gecko does it, transforming each line individually?
Mark Rowe (bdash)
Comment 7 2009-06-08 13:01:52 PDT
*** Bug 26257 has been marked as a duplicate of this bug. ***
Note You need to log in before you can comment on or make changes to this bug.