| Index: third_party/WebKit/LayoutTests/animations/transform-animation-stacking-context.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/transform-animation-stacking-context.html b/third_party/WebKit/LayoutTests/animations/transform-animation-stacking-context.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..ac5ecd8e531d93c9ef4b4a565398ff6e95d20398
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/transform-animation-stacking-context.html
|
| @@ -0,0 +1,25 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +@keyframes spin {
|
| + 100% {
|
| + transform: rotate(360deg);
|
| + }
|
| +}
|
| +</style>
|
| +<div id="animated" style="animation:spin 1s;">
|
| + <div style="transform:translateZ(0);">Squashing</div>
|
| + <div style="position:relative;">Squashed</div>
|
| +</div>
|
| +The purpose of this test is to verify elements with animated transform always create a stacking context.
|
| +Also a DCHECK in the squashing code shouldn't fire in debug builds.
|
| +<div id="result"></div>
|
| +<script>
|
| + if (window.testRunner)
|
| + testRunner.dumpAsText();
|
| +
|
| + var result = document.getElementById("result");
|
| + if (getComputedStyle(document.getElementById("animated")).zIndex == "0")
|
| + result.innerText = "PASS";
|
| + else
|
| + result.innerText = "FAIL";
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 2035793007:
Make sure z-index is adjusted after applying pending animations on elements (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master