[Webkit-unassigned] [Bug 107853] New: Inconsistent rendering of positioned elements under a parent with border radius and overflow: hidden

[bugzilla-daemon at webkit.org]

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

           Summary: Inconsistent rendering of positioned elements under a
                    parent with border radius and overflow: hidden
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: prodigysim at gmail.com


1. Create an element with a border-radius and overflow:hidden with a set size.
2. Create a child element under it with a size equal or larger than the parent. Set relative or absolute positioning on that child.
3. Element will appear to render normally, but any changes occuring on that child element or below will cause the overflow clipping to ignore the border radius.


Simple test: Elements set up as mentioned, background-color changes on :hover.
http://jsfiddle.net/aubVL/1/

Tested on:
OSX Safari 6.0.2
Windows Safari w/ Webkit Nightly r131444
Chrome 24.0.1312.56 m
Chrome 26.0.1393.0 canary


Temporary workaround:
Set "border: 1px solid transparent;" Unfortunately for me this fix seems to incur rendering issues in my particular case (where the child elements include multiple layers of iframes, overflow:hidden elements, and transforms), so it of no use.

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