Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(240)

Unified Diff: LayoutTests/transforms/3d/hit-testing/negative-zoffset-hit-test.html

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
Patch Set: Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698