| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 This test passes if it does not crash. | 3 This test passes if it does not crash. |
| 4 | 4 |
| 5 This test creates a scenario where we have a non-ancestor clip parent. |inner-
hidden| | 5 This test creates a scenario where we have a non-ancestor clip parent. |inner-
hidden| |
| 6 forces a stacking context because of its opacity:0.5 style. |inner-hidden| its
elf is | 6 forces a stacking context because of its opacity:0.5 style. |inner-hidden| its
elf is |
| 7 clipped by a sibling in the composited layer tree (|outer-hidden|) and therefo
re creates | 7 clipped by a sibling in the composited layer tree (|outer-hidden|) and therefo
re creates |
| 8 an "ancestor clipping layer". The result is that |content| appears below this
ancestor | 8 an "ancestor clipping layer". The result is that |content| appears below this
ancestor |
| 9 clipping layer in the composited layer tree, but its clip parent, |outer-hidde
n|, is | 9 clipping layer in the composited layer tree, but its clip parent, |outer-hidde
n|, is |
| 10 a sibling of this ancestor clipping layer. The real solution to this issue is
to | 10 a sibling of this ancestor clipping layer. The real solution to this issue is
to |
| 11 composite in terms of what we paint, but in the interim, we must ensure that w
e do | 11 composite in terms of what we paint, but in the interim, we must ensure that w
e do |
| 12 not crash in this case. | 12 not crash in this case. |
| 13 | 13 |
| 14 This might be clearer if we look at a fragment of the composited layer tree we
generate | 14 This might be clearer if we look at a fragment of the composited layer tree we
generate |
| 15 in this case. | 15 in this case. |
| 16 | 16 |
| 17 23 LayoutView #document | 17 23 LayoutView #document |
| 18 24 LayoutBlockFlow (relative positioned) reasons(Is a scrollable overflow
element) | 18 24 LayoutBlockFlow (relative positioned) reasons(Is a scrollable overflow
element) |
| 19 28 Scrolling Layer reasons(Secondary layer, used to position the scolli
ng contents while scrolling) | 19 28 Scrolling Layer reasons(Secondary layer, used to position the scroll
ing contents while scrolling) |
| 20 29 Scrolling Contents Layer reasons(Secondary layer, to house contents
that can be scrolled) | 20 29 Scrolling Contents Layer reasons(Secondary layer, to house contents
that can be scrolled) |
| 21 30 Scrolling Block Selection Layer reasons(Secondary layer, to house
block selection gaps for composited scrolling with no scrolling contents) | 21 30 Scrolling Block Selection Layer reasons(Secondary layer, to house
block selection gaps for composited scrolling with no scrolling contents) |
| 22 34 Overflow Controls Host Layer reasons(Secondary layer, the overflow co
ntrols host layer) | 22 34 Overflow Controls Host Layer reasons(Secondary layer, the overflow co
ntrols host layer) |
| 23 31 Horizontal Scrollbar Layer reasons(Secondary layer, the horizontal
scrollbar layer) | 23 31 Horizontal Scrollbar Layer reasons(Secondary layer, the horizontal
scrollbar layer) |
| 24 32 Vertical Scrollbar Layer reasons(Secondary layer, the vertical scro
llbar layer) | 24 32 Vertical Scrollbar Layer reasons(Secondary layer, the vertical scro
llbar layer) |
| 25 33 Scroll Corner Layer reasons(Secondary layer, the scroll corner laye
r) | 25 33 Scroll Corner Layer reasons(Secondary layer, the scroll corner laye
r) |
| 26 25 ==>LayoutBlockFlow (positioned) reasons(Scroll parent is not an ancesto
r, | 26 25 ==>LayoutBlockFlow (positioned) reasons(Scroll parent is not an ancesto
r, |
| 27 Might overlap other composited
content, | 27 Might overlap other composited
content, |
| 28 Cannot be squashed because this
layer has a different clipping container than the squashing layer) | 28 Cannot be squashed because this
layer has a different clipping container than the squashing layer) |
| 29 36 Ancestor Clipping Layer reasons(Secondary layer, applies a clip due to
a sibling in the compositing tree) | 29 36 Ancestor Clipping Layer reasons(Secondary layer, applies a clip due to
a sibling in the compositing tree) |
| (...skipping 11 matching lines...) Expand all Loading... |
| 41 | 41 |
| 42 The problem is that layer 27 is not a descendant of layer 25. | 42 The problem is that layer 27 is not a descendant of layer 25. |
| 43 --> | 43 --> |
| 44 <div id="scroller" style="overflow:scroll; position:relative; height:200px;"> | 44 <div id="scroller" style="overflow:scroll; position:relative; height:200px;"> |
| 45 <div id="outer-hidden" style="position:absolute; overflow:hidden; width:300px;
height:300px;"> | 45 <div id="outer-hidden" style="position:absolute; overflow:hidden; width:300px;
height:300px;"> |
| 46 <div id="inner-hidden" style="opacity:0.5; width:100px; height: 100px; overf
low:hidden"> | 46 <div id="inner-hidden" style="opacity:0.5; width:100px; height: 100px; overf
low:hidden"> |
| 47 <div id="content" style="z-index:-1; position:absolute">hello</div> | 47 <div id="content" style="z-index:-1; position:absolute">hello</div> |
| 48 </div> | 48 </div> |
| 49 </div> | 49 </div> |
| 50 </div> | 50 </div> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2150993003:
Fix typo: scolling -> scrolling. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master