<!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>