<!DOCTYPE html>
<html>
<style>
.wrapper {
width: 200px;
margin-left: 101.7px;
}
.content {
background: rgba(255, 0, 0, 0.2);
transform: translateZ(0);
width: 100px;
}
.inner {
background: rgba(0, 0, 255, 0.2);
position: relative;
left: -6.25px;
}
</style>
<script>
if (window.testRunner)
testRunner.dumpAsText();
</script>
<body>
<div id="description">This tests that LayoutGeometryMap and TransformState both avoid pixel snapping prior to applying translation-only transforms.
The test passes if it doesn't assert on Debug.</div>
<div class="wrapper">
<div class="content">
<div class="inner"></div>
</div>
</div>
</body>