| Index: LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html
|
| diff --git a/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html b/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..9ffcfd5751419655bebe54d7a4855a3820f75658
|
| --- /dev/null
|
| +++ b/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html
|
| @@ -0,0 +1,57 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <style>
|
| + #container {
|
| + position: absolute;
|
| + height: 200px;
|
| + width:200px;
|
| + top: 0;
|
| + left: 0;
|
| + background-color: gray;
|
| + }
|
| +
|
| + /* target contain points with negative z-offsets */
|
| + #target {
|
| + position: relative;
|
| + height: 160px;
|
| + width: 160px;
|
| + margin: 20px;
|
| + background-color: #DDD;
|
| + -webkit-transform: rotate3d(0, 1, 0, -45deg);
|
| + -webkit-transform-origin: right;
|
| + }
|
| +
|
| + #description {
|
| + margin-top: 210px;
|
| + }
|
| +
|
| + </style>
|
| + <script src="resources/hit-test-utils.js"></script>
|
| + <script>
|
| + const hitTestData = [
|
| + { 'point': [50, 50], 'target' : 'container' },
|
| + { 'point': [60, 60], 'target' : 'container' },
|
| + { 'point': [70, 70], 'target' : 'target' },
|
| + { 'point': [80, 80], 'target' : 'target' },
|
| + { 'point': [90, 90], 'target' : 'target' },
|
| + { 'point': [100, 100], 'target' : 'target' },
|
| + { 'point': [150, 150], 'target' : 'target' },
|
| + { 'point': [180, 180], 'target' : 'container' },
|
| + ];
|
| + window.addEventListener('load', runTest, false);
|
| + </script>
|
| +</head>
|
| +<body>
|
| +
|
| + <div id="container">
|
| + <div id="target">
|
| + </div>
|
| + </div>
|
| +
|
| + <p id="description">Checks that hit testing is correct when a transformed element has negative z-offset</p>
|
| +
|
| + <div id="results"></div>
|
| +
|
| +</body>
|
| +</html>
|
|
|