Chromium Code Reviews Chromium Code Reviews
Issue 2784673004:
Consider compositing state in row background display item client accessor. (Closed)
| Index: third_party/WebKit/LayoutTests/compositing/flex-composited-animated-table-row-background.html |
| diff --git a/third_party/WebKit/LayoutTests/compositing/flex-composited-animated-table-row-background.html b/third_party/WebKit/LayoutTests/compositing/flex-composited-animated-table-row-background.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..eb024f25b8139c86c47ebc52e5f1261c4706ca1a |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/compositing/flex-composited-animated-table-row-background.html |
| @@ -0,0 +1,43 @@ |
| +<!DOCTYPE html> |
|
Xianzhu
2017/03/29 00:43:53
I think the bug case is that the row display item
wkorman
2017/03/29 18:48:58
I took an initial stab but couldn't repro, added h
|
| +<style> |
| +.flex-item { |
| + flex: 1 1 ; |
| + position: relative; |
| +} |
| + |
| +.moving-item { |
| + animation-name: moving; |
| + animation-duration: 1s; |
| +} |
| + |
| +@keyframes moving { |
| + 0% { |
| + flex: 1 1; |
| + opacity: 0.6; |
| + } |
| + 100% { |
| + flex: 0.0001 10; |
| + } |
| +} |
| +</style> |
| +<div style="display: flex"> |
| + <div id="target" class="flex-item moving-item">y</div> |
| + <div class="flex-item"> |
| + <table> |
| + <tr style="background-color: red"> |
| + <td style="position: relative"> |
| + x |
| + </td> |
| + </tr> |
| + </table> |
| + </div> |
| +</div> |
| +<script> |
| +if (window.testRunner) |
| + testRunner.waitUntilDone(); |
| +target.addEventListener('animationend', function(event) { |
| + target.classList.remove('moving-item'); |
| + if (window.testRunner) |
| + testRunner.notifyDone(); |
| +}); |
| +</script> |
