Chromium Code Reviews Chromium Code Reviews
Issue 79943002:
Only not take zOffset into account during hit-testing when child layers are in the same 3d renderin… (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| 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..76cee6531b580614a1218ba42d7b6c778f5e0d4e |
| --- /dev/null |
| +++ b/LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html |
| @@ -0,0 +1,55 @@ |
| +<html> |
| +<head> |
| + <style type="text/css"> |
| + #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; |
| + } |
| + #results { |
| + 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> |
| + |
|
Julien - ping for review
2013/11/25 03:40:17
We should have a description here.
|
| + <div id="container"> |
| + <div id="target"> |
| + </div> |
| + </div> |
| + <div id="results"></div> |
| + |
| +</body> |
| +</html> |
