Clip-path bug with <100% being clipped to 100% with transformed children
Reported by
zachsauc...@gmail.com,
May 30 2017
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Steps to reproduce the problem: 1. Apply the clip-path property to an element, e.g. a polygon shape via clip-path 2. Apply a transform to a child element place outside of the element's bounds but within the clip-path. 3. The part of the child element outside of the element's bounds (but within the clip-path) is cut off at 100%. What is the expected behavior? The entire child should show since it's within the bounds of the clip-path. What went wrong? The parent element clips the child element at its bounds. Did this work before? No Chrome version: 58.0.3029.110 Channel: stable OS Version: 10.0 Flash Version: Example URL: https://jsfiddle.net/aeyf79ge/ There's also a 2px shift of the child element, 1 px to the left and 1px down, but that is only related, not the issue I'm reporting in this issue.
,
May 31 2017
zachsaucier@: Attaching screencast of M-35 and stable behavior 58.0.3029.110. If possible could you please provide Actual and Expected screencast for better understanding the issue. Thanks.
,
May 31 2017
The actual behavior is the same behavior as shown in the M-58 stable screencast. The expected is the same behavior as shown in the M-35 video.
,
May 31 2017
Thank you for providing more feedback. Adding requester "mmanchala@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
May 31 2017
The compositing causes the clip path to be applied incorrectly, maybe because the layer is sized incorrectly rather than the clip path being in the wrong place, although both are possible. I'll bisect and try to see when this started.
,
Jun 8 2017
Any updates on this? A project I have is on hold until this is resolved.
,
Jun 12 2017
The clip is not due to the clip-path, rather the parent layer is clipping the child layer when the child is composited, even though it shouldn't because it's a positioned element that should escape overflow clips. This might be fixable or might be very hard to fix. adding will-change: transform to the outer div might work around the issue.
,
Jun 12 2017
Adding will-change: transform to the outer div did not work around the issue.
,
Jun 13 2017
Thanks for the info. Like I said, I'll try to bisect and narrow down the cause, although I suspect it will be an old change.
,
Sep 28
Interestingly we match Firefox. Not sure if spec has changed. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by cbiesin...@chromium.org
, May 30 2017