<!DOCTYPE html >
<!--
Any copyright is dedicated to the Public Domain .
http : / / creativecommons . org / publicdomain / zero / 1 . 0 /
-->
<!--
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 " margin - left " properties .
This test should end up rendering as a lime square , 100 px by 100 px .
-->
<html class="reftest-wait" >
<head >
<style >
#container {
display: flex;
}
#container > * {
width: 100 px;
height: 100 px;
}
#a {
background-color: red;
}
#b {
background-color: lime;
}
.foreground {
order: 1 ;
margin-left: -100 px;
}
</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 >
Messung V0.5 in Prozent C=97 H=97 G=96
¤ Dauer der Verarbeitung: 0.14 Sekunden
(vorverarbeitet am 2026-08-25)
¤
*© Formatika GbR, Deutschland