LayoutTests/fast/events/offsetX-offsetY.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

Side by Side Diff: LayoutTests/fast/events/offsetX-offsetY.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 2 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

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <title>Test offsetX/offsetY on various types of elements</title>	3 <title>Test offsetX/offsetY on various types of elements</title>

4 <script type="text/javascript" charset="utf-8">	4 <script type="text/javascript" charset="utf-8">

5 if (window.testRunner) {	5 if (window.testRunner) {

6 testRunner.dumpAsText();	6 testRunner.dumpAsText();

7 testRunner.waitUntilDone();	7 testRunner.waitUntilDone();

8 }	8 }

9	9

10 function mousemoved(e)	10 function mousemoved(e)

(...skipping 192 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
203 width: 60%;	203 width: 60%;

204 margin: 0 auto;	204 margin: 0 auto;

205 text-align: center;	205 text-align: center;

206 background-color: gray;	206 background-color: gray;

207 }	207 }

208	208

209 #transformed {	209 #transformed {

210 height: 120px;	210 height: 120px;

211 width: 200px;	211 width: 200px;

212 background-color: #DDD;	212 background-color: #DDD;

213 -webkit-transform: translate(100px, 50px) rotate(20deg);	213 transform: translate(100px, 50px) rotate(20deg);

214 }	214 }

215 #overflow {	215 #overflow {

216 overflow: scroll;	216 overflow: scroll;

217 position: absolute;	217 position: absolute;

218 width: 300px;	218 width: 300px;

219 top: 440px;	219 top: 440px;

220 left: 460px;	220 left: 460px;

221 height: 200px;	221 height: 200px;

222 border: 2px solid black;	222 border: 2px solid black;

223 direction: rtl;	223 direction: rtl;

(...skipping 18 matching lines...) Expand all Loading...
242	242

243 #mousepos {	243 #mousepos {

244 position: absolute;	244 position: absolute;

245 left: 30px;	245 left: 30px;

246 top: 650px;	246 top: 650px;

247 color: gray;	247 color: gray;

248 font-size: smaller;	248 font-size: smaller;

249 }	249 }

250	250

251 tr {	251 tr {

252 /* -webkit-transform: rotate(10deg);*/	252 /* transform: rotate(10deg);*/

253 }	253 }

254 </style>	254 </style>

255 </head>	255 </head>

256 <body onclick="clicked(event)">	256 <body onclick="clicked(event)">

257	257

258 <div id="filler" style="position: absolute; top: 0; width: 100%; height: 100%">< /div>	258 <div id="filler" style="position: absolute; top: 0; width: 100%; height: 100%">< /div>

259	259

260 <!-- Test assumes offsetX/offsetY are relative to border box, but see	260 <!-- Test assumes offsetX/offsetY are relative to border box, but see

261 http://www.quirksmode.org/dom/w3c_cssom.html#mousepos -->	261 http://www.quirksmode.org/dom/w3c_cssom.html#mousepos -->

262 <div id="abs-box">	262 <div id="abs-box">

(...skipping 25 matching lines...) Expand all Loading...
288 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui s nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.< /p>	288 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui s nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.< /p>

289 <div id="inside-overflow">In RTL overflow</div>	289 <div id="inside-overflow">In RTL overflow</div>

290 <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dol ore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, su nt in culpa qui officia deserunt mollit anim id est laborum.</p>	290 <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dol ore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, su nt in culpa qui officia deserunt mollit anim id est laborum.</p>

291 </div>	291 </div>

292 </div>	292 </div>

293 <div id="results"></div>	293 <div id="results"></div>

294 <div id="mousepos"></div>	294 <div id="mousepos"></div>

295	295

296 </body>	296 </body>

297 </html>	297 </html>

OLD	NEW