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

Side by Side 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: Sorry for the late delay. Here is an updated patch. I've put the description under the tested eleme… Created 6 years, 11 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style type="text/css">
Julien - ping for review 2014/01/10 13:59:54 The type="text/css" is unneeded so it's better to
5 #container
6 {
7 position: absolute;
8 height: 200px;
9 width:200px;
10 top: 0;
11 left: 0;
12 background-color: gray;
13 }
14
15 /* target contain points with negative z-offsets */
16 #target
17 {
18 position: relative;
19 height: 160px;
20 width: 160px;
21 margin: 20px;
22 background-color: #DDD;
23 -webkit-transform: rotate3d(0, 1, 0, -45deg);
24 -webkit-transform-origin: right;
25 }
Julien - ping for review 2014/01/10 13:59:54 The indentation is inconsistent in this style shee
26
27 #description {
28 margin-top: 210px;
29 }
30
31
32 </style>
33 <script src="resources/hit-test-utils.js"></script>
34 <script>
35 const hitTestData = [
36 { 'point': [50, 50], 'target' : 'container' },
37 { 'point': [60, 60], 'target' : 'container' },
38 { 'point': [70, 70], 'target' : 'target' },
39 { 'point': [80, 80], 'target' : 'target' },
40 { 'point': [90, 90], 'target' : 'target' },
41 { 'point': [100, 100], 'target' : 'target' },
42 { 'point': [150, 150], 'target' : 'target' },
43 { 'point': [180, 180], 'target' : 'container' },
44 ];
45 window.addEventListener('load', runTest, false);
46 </script>
47 </head>
48 <body>
49
50 <div id="container">
51 <div id="target">
52 </div>
53 </div>
54
55 <p id="description">Checks that hit testing is correct when a transformed elem ent has negative z-offset</p>
56
57 <div id="results"></div>
58
59 </body>
60 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698