Bug 69248 – translateZ(0) shifts file name in file input

• Component: Forms
• Status: RESOLVED FIXED

See url

if the url above doesn't work:

<style>
input {-webkit-transform: translateZ(0);}
</style>
<input type="file" name="file">
<input type="submit" value="Upload">

[Radar WebKit Bug Importer]

<rdar://problem/10231217>

[simurai]

Note: In the jsFiddle http://jsfiddle.net/NWR2f/1/ of this bug, you have to disable "Normalized CSS" to see it.

I made another one http://jsfiddle.net/Am4CD/ and it appears that any kind of transform causes the "No file chosen" text to be pushed down too much and it's relative to the distance to the top/root.

Filenames/"No file selected" are rendered in RenderFileUploadControl::paintObject and Y-coordinate is calculated as below[1]:

LayoutUnit textY = buttonRenderer->absoluteBoundingBoxRectIgnoringTransforms().y()
+ buttonRenderer->baselinePosition(AlphabeticBaseline, true, HorizontalLine, PositionOnContainingLine);

Note: It seems translate(1) doesn't shift out text. So, does translate(0) cause the problem?

= References =
[1] http://trac.webkit.org/browser/trunk/Source/WebCore/rendering/RenderFileUploadControl.cpp#L149

BTW, how about rendering text by shadow DOM rather than rendering object?

Created attachment 156899 [details]
Patch 1

Comment on attachment 156899 [details]
Patch 1

Could you review this patch?
Thanks in advance.

Comment on attachment 156899 [details]
Patch 1

Clearing flags on attachment: 156899

Committed r124960: <http://trac.webkit.org/changeset/124960>

All reviewed patches have been landed.  Closing bug.

[Kent Tamura]

*** Bug 89292 has been marked as a duplicate of this bug. ***

[Kent Tamura]

*** Bug 79280 has been marked as a duplicate of this bug. ***