<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="resources/compositor-touch-hit-rects.css">
<style>
#withNegativeOffsetChild {
position: relative;
width: 100px;
height: 10px;
border: 1px dotted blue;
transform: translateX(calc(120%));
will-change: transform;
clear: both;
}
#negativeOffsetChild {
position: absolute;
width: 100px;
height: 10px;
left: calc(-110%);
top: 0px;
}
</style>
</head>
<body>
<p id="description">
This tests verifies the hit test regions given to the compositor for an element with child
at negative offset. It can only be run in DumpRenderTree.</p>
<div id="tests">
<div id="withNegativeOffsetChild">
<div id="negativeOffsetChild" class="testcase"></div>
</div>
</div>
<div id="console"></div>
<script src="resources/compositor-touch-hit-rects.js"></script>
</body>