Bug 111336

Summary: [CSS Regions] Hit testing is broken with regions that have rounded corners
Product: WebKit Reporter: Mihai Balan <mibalan>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: WebkitBugTracker
Priority: P2 Keywords: AdobeTracked
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 57312    
Attachments:
Description Flags
Ref-test highlighting the problem none

Mihai Balan
Reported 2013-03-04 09:00:42 PST
Created attachment 191255 [details] Ref-test highlighting the problem If a region has rounded corners (via border-radius), it still receives mouse events as if it wouldn't (e.g. hit area is still rectangular). In the attached test case, moving the mouse cursor over both the green and the red dot at the top left of the yellow circle should make it appear on a green background (via CSS :hover). However, if the yellow circle is a region, the mouse events will propagate to its parent only over the would-be-rectangular border (green dot) and not inside the area between the rectangular border and the actual circular border (red dot).
Attachments
Ref-test highlighting the problem (1.61 KB, application/x-zip-compressed)
2013-03-04 09:00 PST, Mihai Balan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Mihai Balan
Comment 1 2013-05-15 02:30:11 PDT
On closer inspection, this doesn't look like a bug anymore - the same behavior happens without regions: children of an element with rounded borders will still receive mouse events even when the mouse is outside the rounded rectangle (but inside the "real" rectangle). The lack of "reaction" when moving the mouse over the red dot in the actual file comes from the fact that the named flow contents "eat up" the mouse event and it never bubbles to the region (at least in the current event propagation model). Closing as RESOLVED/INVALID :)
Note You need to log in before you can comment on or make changes to this bug.