[Webkit-unassigned] [Bug 111843] New: Search Cancel Button Clickable Zone Mismatch w/ Input Padding

[bugzilla-daemon at webkit.org]

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

           Summary: Search Cancel Button Clickable Zone Mismatch w/ Input
                    Padding
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.8
            Status: UNCONFIRMED
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: thomas.parisot at bbc.co.uk


Hi,

it appears that an input[type=search] with a right padding does not deal well with the ::-webkit-search-cancel-button: the cancel button is clipped by the padding.
If adding a right margin to make the cancel button visible, its display is now correct *but* the clickable zone of the cancel button does not match.

I made this JSFiddle to showcase the problem: http://jsfiddle.net/oncletom/LdbkE/
Basically, the clickable zone is outlined in red.
It should never be different than the cancel button drawing area.

Reproduced on:
- Chrome 25 Stable 
- Chrome 27 Canary
- Safari 6.0.2 (8536.26.17)

Not reproduced on:
- Chrome Android

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