Border-radius and overflow: hidden with position fixed. Clip is broken
Reported by
hololelo...@gmail.com,
May 14 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. Open this link http://lelouch.ru/bugs/overflow/ 2. Open dev tools and emulate some mobile device, like Galaxy S5 or iPhone, or else. Nevermind. 3. You will see some red corners inside rounded div What is the expected behavior? Red corners should not be there What went wrong? Overflow hidden is not working with this construction (check link http://lelouch.ru/bugs/overflow/) Did this work before? No Chrome version: 58.0.3029.110 Channel: stable OS Version: 10.0 Flash Version: You can reproduce this bug only if you have construction like this http://lelouch.ru/bugs/overflow/ Div with fixed position inside div with fixed position. You should set oveflow: scroll/auto to main parent div with fixed position (class="wrap") You should have parent div with position relative (class="relativeParent") You should have some scrollable content to reproduce this bug If you have style Overflow: hidden on parent div (class="relativeParent", i have commented this, you should uncomment to see the result) the bug will gone. If div class="relativeParent" will not have relative or absolute position, the bug will gone. Also this bug is exist on chrome mobile (latest stable) on android 7
,
May 15 2017
Able to reproduce the issue on Windows-7, Mac-10.12.4 and Linux Ubuntu-14.04 using chrome stable version 58.0.3029.110 and canary 60.0.3100.0.This is regression issue, broken in M52. Using the per-revision bisect providing the bisect results, Good build:52.0.2713.0-(Revision:388380). Bad build:52.0.2714.0- (Revision:388647). CHANGE-LOG URL: https://chromium.googlesource.com/chromium/src/+log/1e9c8f7aa1a0e05450bdc35b94fdbf37c2f1cf18..66024c61d8dedbf67abe5ada9c521d0f6f909895 Review URL: https://codereview.chromium.org/1898393002 trchen@ Could you please look into this issue, help us to assign this issue to the right owner if not respect to your change. Thanks.
,
May 15 2017
,
May 15 2017
This is not a new regression. The bisected change only revealed a convoluted case of an existing bug. Here is a minimal repro: http://jsbin.com/cometuhuku/ The general issue is that squashed layers don't apply ancestor rounded clip, because their PaintLayerPainter uses themselves as the painting root and rely on CLM to apply ancestor clip for them (which CLM doesn't handle rounded clip correctly). Interestingly I worked on a related issue recently, but decided to abandon the fix because it was too complex: https://codereview.chromium.org/2835783002/
,
May 17 2017
,
May 17 2017
Can someone explain the relationship to https://bugs.chromium.org/p/chromium/issues/detail?id=712783?
,
May 17 2017
The relationship is that both involve special cases of squashed layers.
,
Jun 29 2017
,
Jun 29 2018
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jun 29 2018
This has been fixed, at least in the latest Canary. |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by ranjitkan@chromium.org
, May 15 2017