| <!DOCTYPE html> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| <style> |
| #culled:hover { |
| background-color: green; |
| } |
| .left { |
| display: inline-block; |
| transform: translateY(0px); |
| border: 1px solid black; |
| } |
| .right { |
| margin-left: 200px; |
| border: 1px solid black; |
| } |
| </style> |
| <div id="container"> |
| <span id="culled"> |
| <span class="left">Hello</span> |
| <span class="right">World</span> |
| </span> |
| </div> |
| <script> |
| test(function(t) |
| { |
| var rect = document.getElementById('culled').getBoundingClientRect(); |
| element = document.elementFromPoint(rect.left + rect.width/2, rect.top + rect.height/2); |
| assert_equals(element.id, 'culled'); |
| }, "Test that the space between two spans is returned when hittested"); |
| </script> |