Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>↩
<!--↩
Any copyright is dedicated to the Public Domain.↩
-->
<!--↩
This test checks that we repaint, when a flex item is brought towards↩
the viewer in the stacking-order, without moving in the "x" or "y"↩
dimensions onscreen, using the "order" and "left" properties.↩
This test should end up rendering as a lime square, 100px by 100px.↩
-->
<html class="reftest-wait">↩
<head>↩
<style>↩
#container {↩
display: flex;↩
}↩
#container > * {↩
width: 100px;↩
height: 100px;↩
position: relative;↩
}↩
#a {↩
background-color: red;↩
}↩
#b {↩
background-color: lime;↩
}↩
.foreground {↩
order: 1;↩
left: -100px;↩
}↩
</style>↩
<script>↩
function tweak() {↩
var a = document.getElementById("a");↩
var b = document.getElementById("b");↩
a.classList.remove("foreground");↩
b.classList.add("foreground");↩
document.documentElement.removeAttribute("class");↩
}↩
window.addEventListener("MozReftestInvalidate", tweak);↩
</script>↩
</head>↩
<body>↩
<div id="container">↩
<div id="a" class="foreground"></div>↩
<div id="b"></div>↩
</div>↩
</body>↩
</html>↩