| 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 #inlineOverflow { | 6 #inlineOverflow { |
| 7 width: 15px; | 7 width: 15px; |
| 8 } | 8 } |
| 9 #absoluteChild { | 9 #absoluteChild { |
| 10 position: absolute; | 10 position: absolute; |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 48 border: 1px solid lightgrey; | 48 border: 1px solid lightgrey; |
| 49 } | 49 } |
| 50 #list > li { | 50 #list > li { |
| 51 /* Move the list item over to make sure it doesn't overlap with the list itsel
f */ | 51 /* Move the list item over to make sure it doesn't overlap with the list itsel
f */ |
| 52 -webkit-transform: translate(300px, 0); | 52 -webkit-transform: translate(300px, 0); |
| 53 } | 53 } |
| 54 svg { | 54 svg { |
| 55 width: 100px; | 55 width: 100px; |
| 56 height: 10px; | 56 height: 10px; |
| 57 } | 57 } |
| 58 table,td { |
| 59 border: 1px solid lightgrey; |
| 60 font-size: 7px; |
| 61 } |
| 58 </style> | 62 </style> |
| 59 </head> | 63 </head> |
| 60 <body> | 64 <body> |
| 61 <p id="description"> | 65 <p id="description"> |
| 62 This tests verifies the hit test regions given to the compositor. It can only be
run in DumpRenderTree. | 66 This tests verifies the hit test regions given to the compositor. It can only be
run in DumpRenderTree. |
| 63 The outputted rects should cover the hit test regions of all the listed elements
. Enable visualize mode | 67 The outputted rects should cover the hit test regions of all the listed elements
. Enable visualize mode |
| 64 to quickly validate graphically.</p> | 68 to quickly validate graphically.</p> |
| 65 | 69 |
| 66 <div id="tests"> | 70 <div id="tests"> |
| 67 <div class="testcase" id="normalFlow"> | 71 <div class="testcase" id="normalFlow"> |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 125 <svg id="svg1"> | 129 <svg id="svg1"> |
| 126 <line x1="0" y1="5" x2="100" y2="5" stroke-width="3" stroke="black"/> | 130 <line x1="0" y1="5" x2="100" y2="5" stroke-width="3" stroke="black"/> |
| 127 </svg> | 131 </svg> |
| 128 </div> | 132 </div> |
| 129 <div> | 133 <div> |
| 130 <svg id="svg2"> | 134 <svg id="svg2"> |
| 131 <line class="testcase" id="svgline" x1="0" y1="5" x2="20" y2="5" stroke-wi
dth="3" stroke="black"/> | 135 <line class="testcase" id="svgline" x1="0" y1="5" x2="20" y2="5" stroke-wi
dth="3" stroke="black"/> |
| 132 <line x1="40" y1="5" x2="60" y2="5" stroke-width="3" stroke="black"/> | 136 <line x1="40" y1="5" x2="60" y2="5" stroke-width="3" stroke="black"/> |
| 133 </svg> | 137 </svg> |
| 134 </div> | 138 </div> |
| 139 <table> |
| 140 <tr><td>cell<td>cell</td></tr> |
| 141 <tr><td>cell</td><td class="testcase" id="tablecell">cell</td></tr> |
| 142 </table> |
| 135 </div> | 143 </div> |
| 136 | 144 |
| 137 <div id="console"></div> | 145 <div id="console"></div> |
| 138 <div style="height: 1000px;"></div> | 146 <div style="height: 1000px;"></div> |
| 139 <script src="resources/compositor-touch-hit-rects.js"></script> | 147 <script src="resources/compositor-touch-hit-rects.js"></script> |
| 140 <script> | 148 <script> |
| 141 preRunHandlerForTest['styleModified'] = function(e) { | 149 preRunHandlerForTest['styleModified'] = function(e) { |
| 142 // Adding padding to the element should force the rects to be recomputed. | 150 // Adding padding to the element should force the rects to be recomputed. |
| 143 e.style.padding = '5px'; | 151 e.style.padding = '5px'; |
| 144 }; | 152 }; |
| 145 | 153 |
| 146 // Make fixed-position cases slightly more interesting | 154 // Make fixed-position cases slightly more interesting |
| 147 window.scrollTo(0, 13); | 155 window.scrollTo(0, 13); |
| 148 | 156 |
| 149 if (window.internals) { | 157 if (window.internals) { |
| 150 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(fa
lse); | 158 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(fa
lse); |
| 151 } | 159 } |
| 152 </script> | 160 </script> |
| 153 </body> | 161 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 26964002:
Fix touch hit rect position for table cells (Closed)
Base URL: svn://svn.chromium.org/blink/trunk