Bug 110684

Summary: Clickable area is incorrect with border-radius
Product: WebKit Reporter: Xidorn Quan <xidorn-webkit>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: tasak
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
The testcase HTML file with styles.
none
Another testcase in which an unclickable element with border-radius is put over the anchor. none

Xidorn Quan
Reported 2013-02-23 00:54:33 PST
Created attachment 189911 [details] The testcase HTML file with styles. Elements with CSS attribute border-radius have an incorrect clickable area, which should be the area inside the curved border instead of the original rectangle. A testcase has been attached. In the testcase, theoretically, only the grey area should be clickable, but in fact some of the white area is clickable as well in WebKit. Firefox has the proper behavior while neither Chrome nor Safari does.
Attachments
The testcase HTML file with styles. (449 bytes, text/html)
2013-02-23 00:54 PST, Xidorn Quan 		no flags
Details
Another testcase in which an unclickable element with border-radius is put over the anchor. (423 bytes, text/html)
2013-02-25 05:16 PST, Xidorn Quan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Xidorn Quan
Comment 1 2013-02-23 00:59:46 PST
For input elements, Firefox fails to behave correctly as well.
Xidorn Quan
Comment 2 2013-02-25 05:16:22 PST
Created attachment 190037 [details] Another testcase in which an unclickable element with border-radius is put over the anchor.
Takashi Sakamoto
Comment 3 2013-02-27 14:38:37 PST
*** This bug has been marked as a duplicate of bug 95373 ***
Note You need to log in before you can comment on or make changes to this bug.