OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> | 4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> |
5 <style> | 5 <style> |
6 .scroll { | 6 .scroll { |
7 overflow-y: scroll; | 7 overflow-y: scroll; |
8 overflow-x: hidden; | 8 overflow-x: hidden; |
9 border: 1px solid lightgrey; | 9 border: 1px solid lightgrey; |
10 height: 30px; | 10 height: 30px; |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
63 <div style='height: 10px;'></div> | 63 <div style='height: 10px;'></div> |
64 <div id="nonCompositedNonScrollableLayer" style="position: relative"> | 64 <div id="nonCompositedNonScrollableLayer" style="position: relative"> |
65 <div style='height: 10px;'></div> | 65 <div style='height: 10px;'></div> |
66 <div class="testcase" id="divInsideNonScrollableLayer">touch handler</div> | 66 <div class="testcase" id="divInsideNonScrollableLayer">touch handler</div> |
67 <div style='height: 60px;'></div> | 67 <div style='height: 60px;'></div> |
68 </div> | 68 </div> |
69 <div style='height: 50px;'></div> | 69 <div style='height: 50px;'></div> |
70 </div> | 70 </div> |
71 <div id="scroll6" class="scroll" style="margin-bottom: 10px"> | 71 <div id="scroll6" class="scroll" style="margin-bottom: 10px"> |
72 <div style='height: 10px;'></div> | 72 <div style='height: 10px;'></div> |
73 <div id="compositedLayer" style="-webkit-transform: translateZ(0)"> | 73 <div id="compositedLayer" style="transform: translateZ(0)"> |
74 <div style='height: 10px;'></div> | 74 <div style='height: 10px;'></div> |
75 <div class="testcase" id="divInsideCompositedLayer">div in composited</div
> | 75 <div class="testcase" id="divInsideCompositedLayer">div in composited</div
> |
76 </div> | 76 </div> |
77 <div style='height: 30px;'></div> | 77 <div style='height: 30px;'></div> |
78 </div> | 78 </div> |
79 <div id="overflowwithborder" class="scroll testcase"> | 79 <div id="overflowwithborder" class="scroll testcase"> |
80 <div style='height: 30px;'></div> | 80 <div style='height: 30px;'></div> |
81 <div>content</div> | 81 <div>content</div> |
82 <div style='height: 60px;'></div> | 82 <div style='height: 60px;'></div> |
83 </div> | 83 </div> |
84 </div> | 84 </div> |
85 | 85 |
86 <div id="console"></div> | 86 <div id="console"></div> |
87 <script src="resources/compositor-touch-hit-rects.js"></script> | 87 <script src="resources/compositor-touch-hit-rects.js"></script> |
88 <script> | 88 <script> |
89 // Make fixed-position cases slightly more interesting | 89 // Make fixed-position cases slightly more interesting |
90 window.scrollTo(0, 13); | 90 window.scrollTo(0, 13); |
91 | 91 |
92 if (window.internals) { | 92 if (window.internals) { |
93 window.internals.settings.setPreferCompositingToLCDTextEnabled(false); | 93 window.internals.settings.setPreferCompositingToLCDTextEnabled(false); |
94 } | 94 } |
95 </script> | 95 </script> |
96 </body> | 96 </body> |
OLD | NEW |