tools/perf/page_sets/tough_scheduling_cases/raf_touch_animation.html - Issue 2142963002: Add passive: false to touch_scheduling_cases to avoid interventions.

Side by Side Diff: tools/perf/page_sets/tough_scheduling_cases/raf_touch_animation.html

Issue 2142963002: Add passive: false to touch_scheduling_cases to avoid interventions. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 5 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 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <meta name="viewport" content="width=device-width">	4 <meta name="viewport" content="width=device-width">

5 <title>requestAnimationFrame with touch handler scrolling and CSS animation</t itle>	5 <title>requestAnimationFrame with touch handler scrolling and CSS animation</t itle>

6 <style type="text/css">	6 <style type="text/css">

7 body {	7 body {

8 height: 10000px;	8 height: 10000px;

9 margin: 0px;	9 margin: 0px;

10 background-color: #82f;	10 background-color: #82f;

(...skipping 41 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
52 window.requestAnimationFrame(onAnimationFrame);	52 window.requestAnimationFrame(onAnimationFrame);

53 }	53 }

54	54

55 function onMouseWheel(e) {	55 function onMouseWheel(e) {

56 e.preventDefault();	56 e.preventDefault();

57 window.scrollBy(0, e.deltaY);	57 window.scrollBy(0, e.deltaY);

58 }	58 }

59	59

60 function startExperiment() {	60 function startExperiment() {

61 g_status = document.getElementById('status');	61 g_status = document.getElementById('status');

62 window.addEventListener('touchstart', onTouchStart);	62 // Pass 'passive' false in to prevent any intervention.

63 window.addEventListener('touchmove', onTouchMove);	63 window.addEventListener('touchstart', onTouchStart, {passive: false});

	64 window.addEventListener('touchmove', onTouchMove, {passive: false});

64 window.addEventListener('touchend', onTouchEnd);	65 window.addEventListener('touchend', onTouchEnd);

65 window.addEventListener('touchleave', onTouchEnd);	66 window.addEventListener('touchleave', onTouchEnd);

66 window.addEventListener('touchcancel', onTouchEnd);	67 window.addEventListener('touchcancel', onTouchEnd);

67 window.addEventListener('wheel', onMouseWheel);	68 window.addEventListener('wheel', onMouseWheel, {passive: false});

68 window.requestAnimationFrame(onAnimationFrame);	69 window.requestAnimationFrame(onAnimationFrame);

69 }	70 }

70	71

71 window.addEventListener('load', startExperiment);	72 window.addEventListener('load', startExperiment);

72 </script>	73 </script>

73 </head>	74 </head>

74 <body>	75 <body>

75 <div id="status">0</div>	76 <div id="status">0</div>

76 <h2>requestAnimationFrame with touch handler scrolling and CSS animation</h2>	77 <h2>requestAnimationFrame with touch handler scrolling and CSS animation</h2>

77 <p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz p rog. Junk MTV quiz graced by fox whelps.</p>	78 <p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz p rog. Junk MTV quiz graced by fox whelps.</p>

(...skipping 233 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
311 <p>All questions asked by five watch experts amazed the judge. Jack quietly mo ved up front and seized the big ball of wax. The quick, brown fox jumps over a l azy dog.</p>	312 <p>All questions asked by five watch experts amazed the judge. Jack quietly mo ved up front and seized the big ball of wax. The quick, brown fox jumps over a l azy dog.</p>

312 <p>DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Baw ds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex!</p>	313 <p>DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Baw ds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex!</p>

313 <p>Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Brigh t vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim.</p>	314 <p>Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Brigh t vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim.</p>

314 <p>Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz.</p>	315 <p>Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz.</p>

315 <p>Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghos t pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. za ps Iraq.</p>	316 <p>Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghos t pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. za ps Iraq.</p>

316 <p>Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the la zy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight f or a quick jump. Joaquin Phoenix was gazed by MTV</p>	317 <p>Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the la zy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight f or a quick jump. Joaquin Phoenix was gazed by MTV</p>

317 </body>	318 </body>

318 </html>	319 </html>

319	320

320	321

OLD	NEW

« no previous file with comments | « no previous file | tools/perf/page_sets/tough_scheduling_cases/touch_handler_scrolling.html » ('j') | no next file with comments »