Commit f403d4c4 authored by vollick@chromium.org's avatar vollick@chromium.org

Layers that paint into their composited ancestor should still appear

This layout test demonstrates a case where they do not.

BUG=403819

Review URL: https://codereview.chromium.org/471073002

git-svn-id: svn://svn.chromium.org/blink/trunk@180292 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent 3245542f
...@@ -356,6 +356,9 @@ crbug.com/364640 animations/compositor-start-event-timing.html [ Pass Failure ] ...@@ -356,6 +356,9 @@ crbug.com/364640 animations/compositor-start-event-timing.html [ Pass Failure ]
crbug.com/320477 [ Debug ] inspector/sources/debugger/debugger-pause-in-internal.html [ Pass Crash ] crbug.com/320477 [ Debug ] inspector/sources/debugger/debugger-pause-in-internal.html [ Pass Crash ]
crbug.com/403819 compositing/ancestor-painted-layer-should-appear.html [ ImageOnlyFailure ]
crbug.com/403819 virtual/softwarecompositing/ancestor-painted-layer-should-appear.html [ ImageOnlyFailure ]
# Printing Layout broken in these tests. # Printing Layout broken in these tests.
crbug.com/377696 printing/setPrinting.html [ Skip ] crbug.com/377696 printing/setPrinting.html [ Skip ]
crbug.com/377696 printing/width-overflow.html [ Skip ] crbug.com/377696 printing/width-overflow.html [ Skip ]
......
<!DOCTYPE HTML>
<style>
body {
-webkit-transform: translateZ(0);
}
#overlapper {
width: 400px;
height: 400px;
left: 200px;
background: gray;
position: absolute;
-webkit-transform: translateZ(0);
}
#container {
-webkit-perspective: 1400px;
-webkit-transform: translateZ(0);
position: absolute;
width: 180px;
height: 180px;
background: papayawhip;
}
#composited {
width: 100px;
height: 100px;
background: green;
position: absolute;
-webkit-transform: translateZ(10px);
}
#squashed {
position: absolute;
left: 200px;
width: 50px;
height: 50px;
background: blue;
}
</style>
<div id="overlapper"></div>
<div id="container">
<div id="composited"></div>
</div>
<div id="squashed"></div>
<!DOCTYPE HTML>
<style>
body {
-webkit-transform: translateZ(0);
}
#overlapper {
width: 400px;
height: 400px;
left: 200px;
background: gray;
position: absolute;
-webkit-transform: translateZ(0);
}
#container {
-webkit-perspective: 1400px;
position: absolute;
width: 180px;
height: 180px;
background: papayawhip;
}
#composited {
width: 100px;
height: 100px;
background: green;
position: absolute;
-webkit-transform: translateZ(10px);
}
#squashed {
position: absolute;
left: 200px;
width: 50px;
height: 50px;
background: blue;
}
</style>
<div id="overlapper"></div>
<div id="container">
<div id="composited"></div>
</div>
<div id="squashed"></div>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment