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