[Webkit-unassigned] [Bug 17751] New: focus ring on an input control looks odd and changes shape when you start typing in the input

[bugzilla-daemon at webkit.org]

http://bugs.webkit.org/show_bug.cgi?id=17751

           Summary: focus ring on an input control looks odd and changes
                    shape when you start typing in the input
           Product: WebKit
           Version: 525+ (Nightly build)
          Platform: PC
               URL: https://www.circuitcityrewards.com/Login.aspx
        OS/Version: Windows XP
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: help.improve.webkit at gmail.com
                CC: help.improve.webkit at gmail.com


I Steps:
Go to
https://www.circuitcityrewards.com/Login.aspx
Click inside the username input box for focus.

II Issue:
Notice the blue highlighted odd shape surrounding the input box

III Conclusion: The <input> field uses a background image (which is a
rectangle) to simulate an actual input field. Then in the styles of the input
field, they have defined a line-height of 33px - which causes the issue. When
you set the focus to the input field, the height that spans the blue highlight
in Safari around the input field is actually the number of pixels specified in
the line-height property.

IV Other browsers:
IE6: ok
FF2: ok
Opera: ok

V Nightly tested: 30881


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