Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style>
html, body {
margin: 0;
padding: 0;
}
#target {
width: 30000px;
height: 100px;
transform: translateX(-2600px);
}
</style>
<div style="width: 50%; overflow: hidden">
<div id="target">
<!--
Put an SVG element so that the transform display item has a blob on
WebRender which means this test properly fails without the proper fix.
-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30000 100">
<rect fill="green" x="2500" width="400" height="100"></rect>
<rect fill="blue" x="2900" width="100" height="100"></rect>
</svg>
</div>
</div>
</html>