Blink incorrectly clips position:fixed element, if that element has 3d transformed child and a z-index:0 parent |
||||||
Issue descriptionVersion: Version 54.0.2824.0 dev (64-bit) OS: Ubuntu 16.04 What steps will reproduce the problem? (1) Load https://jsfiddle.net/za15t5yq/ What is the expected output? Teal div should not be clipped at orange border. What do you see instead? Teal div gets clipped at orange border. Please use labels and text to provide additional information. For some reason, Chrome seems to be clipping this position:fixed teal div, *IF* the div has some 3d-transformed descendant *AND ALSO* the div has a parent with z-index:0 set. If I remove either of those factors (the 3d-transformed descendant or the z-index on the ancestor), then this bug goes away and the teal div stops being clipped. You can see that locally by modifying the jsfiddle to remove either of those factors. Firefox and Edge give me the "expected output".
,
Aug 17 2016
For the record here are two reference cases (which Chrome renders *correctly*):
Removing "z-index: 0" from the ancestor:
https://jsfiddle.net/za15t5yq/1/
Using 2d instead of 3d transform on child:
https://jsfiddle.net/za15t5yq/2/
There's no reason for either of these factors to have an effect on the rendering -- but they do, revealing that there's a bug here (in the rendering of the original testcase, https://jsfiddle.net/za15t5yq/ )
,
Aug 17 2016
,
Aug 18 2016
I suspect this is more likely a bug in the paint, so routing to the paint team.
,
Aug 18 2016
FWIW: WebKit has a more severe version of this bug -- they have over-aggressive clipping *even without* the 3d-transformed child. (i.e. unlike Chrome, Safari *does* clip the teal area on my second "/2/" reference case above) I filed https://bugs.webkit.org/show_bug.cgi?id=160953 on that broader WebKit bug.
,
Aug 18 2016
Compositor and paint, yes.
,
Mar 7 2017
,
May 20 2017
I cannot reproduce anymore. I guess one of those fixed it - https://bugs.chromium.org/p/chromium/issues/list?can=1&q=position+summary%3Afixed+closed%3E2016-8-27+closed%3C2016-11-19+&colspec=ID+Pri+M+Stars+ReleaseBlock+Component+Status+Owner+Summary+OS+Modified&x=m&y=releaseblock&cells=ids Closing as WontFix. Thank you for filing the issue!
,
May 20 2017
Yup, works for me as well now, in Chrome Version 55.0.2873.0 dev (64-bit) Thanks! |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by dholb...@gmail.com
, Aug 17 2016