[Webkit-unassigned] [Bug 67831] New: transform: rotate() file input text is either cutoff or invisible

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=67831

           Summary: transform: rotate() file input text is either cutoff
                    or invisible
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: New Bugs
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: webkit at undefinedrange.com


Created an attachment (id=106834)
 --> (https://bugs.webkit.org/attachment.cgi?id=106834&action=review)
Reproduces cutoff/invisible file input text

I'm seeing some weird behavior when a file input element is rotated with, for instance, -webkit-transform: rotate(-2deg). It doesn't matter what value degrees are used or if the input itself or the form is rotated.

The file input is normally composed of a "Choose File" button, followed possibly by a mimetype icon in Safari, then some text ("no file selected" or filename). The trouble lies with the last bit of text.

If there is nothing above the rotated element, the file input text is below the baseline and slightly cutoff.

Otherwise, the file input text is invisible. The hitbox seems to be there: clicking in the whitespace where the file input text should be brings up the file open dialog box. Choosing a file here then shows the mimetype icon correctly but still invisible text.

Attached is a html file that showcases the problem. Just 3 rotated forms with a file input each.

Bug reproducible in WebKit-SVN-r94751 built on 08 September 2011.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.