[Webkit-unassigned] [Bug 175018] New: Border radius clipping does not correctly disable for descendants when using `will-transform`

[bugzilla-daemon at webkit.org]

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

            Bug ID: 175018
           Summary: Border radius clipping does not correctly disable for
                    descendants when using `will-transform`
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Macintosh
                OS: macOS 10.13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: eelco at motif.co

Live example here: https://jsfiddle.net/nxja91tc/4/

If there’s HTML like this:
<div id="outer">
<div id="inner">
</div>
</div>

With CSS like this:
div {
  width: 100px;
  height: 100px;  
}
#inner {
  background-color: blue;
  will-change: transform;
}
#outer {
  overflow: hidden;
  border-radius: 20px;
  background-color: red;
  will-change: transform;
}

Then disabling the border-radius of #outer (with JavaScript) to 0px will indeed disable the border radius, but only for #outer. The #inner div will stay clipped, causing red corners to show that should have been overlapped with blue.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170801/ec998bf5/attachment.html>