LayoutTests/fast/events/touch/compositor-touch-hit-rects.html - Issue 148423004: Only report bounding box touch hit rect for non-composited scroll layers.

Side by Side Diff: LayoutTests/fast/events/touch/compositor-touch-hit-rects.html

Issue 148423004: Only report bounding box touch hit rect for non-composited scroll layers. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Update test description Created 6 years, 10 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 | Annotate | Revision Log

« no previous file with comments | « no previous file | LayoutTests/fast/events/touch/compositor-touch-hit-rects-expected.txt » ('j') | LayoutTests/fast/events/touch/compositor-touch-hit-rects-non-composited-scroll-expected.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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 22 matching lines...) Expand all Loading...
33 width: 100px;	33 width: 100px;

34 float: left;	34 float: left;

35 }	35 }

36 #tests > #transform3d {	36 #tests > #transform3d {

37 margin-top: 15px;	37 margin-top: 15px;

38 margin-bottom: 10px;	38 margin-bottom: 10px;

39 }	39 }

40 #transform3dChild {	40 #transform3dChild {

41 -webkit-transform: rotate3d(0.2, 1, 0, 50grad);	41 -webkit-transform: rotate3d(0.2, 1, 0, 50grad);

42 }	42 }

43 #scrollContainer {

44 overflow-y: scroll;

45 /* Make this just big enough for clipping to occur so we can verify the

46 hit rect is also clipped. */

47 height: 23px;

48 border: 1px solid lightgrey;

49 }

50 #list > li {	43 #list > li {

51 /* Move the list item over to make sure it doesn't overlap with the list itsel f */	44 /* Move the list item over to make sure it doesn't overlap with the list itsel f */

52 -webkit-transform: translate(300px, 0);	45 -webkit-transform: translate(300px, 0);

53 }	46 }

54 svg {	47 svg {

55 width: 100px;	48 width: 100px;

56 height: 10px;	49 height: 10px;

57 }	50 }

58 table,td {	51 table,td {

59 border: 1px solid lightgrey;	52 border: 1px solid lightgrey;

(...skipping 53 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
113 </span>	106 </span>

114 </div>	107 </div>

115 <div>	108 <div>

116 <ul class="testcase" id="list">	109 <ul class="testcase" id="list">

117 <li>List Item</li>	110 <li>List Item</li>

118 </ul>	111 </ul>

119 </div>	112 </div>

120 <div class="testcase" id="styleModified">	113 <div class="testcase" id="styleModified">

121 Style modified dynamically	114 Style modified dynamically

122 </div>	115 </div>

123 <div id="scrollContainer">

124 <div style='height: 13px;'></div>

125 <div class="testcase" id="scrollContent">Scroll content</div>

126 <div style='height: 50px;'></div>

127 </div>

128 <div class="testcase" id="containsSvg">	116 <div class="testcase" id="containsSvg">

129 <svg id="svg1">	117 <svg id="svg1">

130 <line x1="0" y1="5" x2="100" y2="5" stroke-width="3" stroke="black"/>	118 <line x1="0" y1="5" x2="100" y2="5" stroke-width="3" stroke="black"/>

131 </svg>	119 </svg>

132 </div>	120 </div>

133 <div>	121 <div>

134 <svg id="svg2">	122 <svg id="svg2">

135 <line class="testcase" id="svgline" x1="0" y1="5" x2="20" y2="5" stroke-wi dth="3" stroke="black"/>	123 <line class="testcase" id="svgline" x1="0" y1="5" x2="20" y2="5" stroke-wi dth="3" stroke="black"/>

136 <line x1="40" y1="5" x2="60" y2="5" stroke-width="3" stroke="black"/>	124 <line x1="40" y1="5" x2="60" y2="5" stroke-width="3" stroke="black"/>

137 </svg>	125 </svg>

(...skipping 14 matching lines...) Expand all Loading...
152 };	140 };

153	141

154 // Make fixed-position cases slightly more interesting	142 // Make fixed-position cases slightly more interesting

155 window.scrollTo(0, 13);	143 window.scrollTo(0, 13);

156	144

157 if (window.internals) {	145 if (window.internals) {

158 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(fa lse);	146 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(fa lse);

159 }	147 }

160 </script>	148 </script>

161 </body>	149 </body>

OLD	NEW