diff options
Diffstat (limited to 'layout/reftests/display-list/invalidated-blendmode-sorting.html')
-rw-r--r-- | layout/reftests/display-list/invalidated-blendmode-sorting.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/layout/reftests/display-list/invalidated-blendmode-sorting.html b/layout/reftests/display-list/invalidated-blendmode-sorting.html new file mode 100644 index 0000000000..cd42694d6e --- /dev/null +++ b/layout/reftests/display-list/invalidated-blendmode-sorting.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<head> +<style> + div { + width: 200px; + height: 200px; + } + .sort-marker { + position: fixed; + background-color: green; + } + .wrapper { + position: absolute; + isolation: isolate; + } + .inner { + position: absolute; + background-color: blue; + } +</style> +</head> +<body> + <div class="sort-marker"></div> + <div class="wrapper"> + <div class="inner" style="left: 5px; top: 5px; mix-blend-mode:screen"></div> + <div class="inner" id="move" style="left: 220px;"></div> + </div> + <div class="sort-marker" style="left: 20px; top: 20px;"></div> +</body> +<script> + function doTest() { + document.getElementById("move").style.left = "221px"; + document.documentElement.removeAttribute("class"); + } + document.addEventListener("MozReftestInvalidate", doTest); +</script> +</html> |