Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(424)

Side by Side Diff: Source/web/tests/data/touch-action-pan.html

Issue 134153016: add 'manipulation' support to CSS touch-action parsing. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebase to trunk Created 6 years, 9 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <link rel='stylesheet' type='text/css' href='touch-action-tests.css'> 2 <link rel='stylesheet' type='text/css' href='touch-action-tests.css'>
3 <script src='touch-action-tests.js'></script> 3 <script src='touch-action-tests.js'></script>
4 4
5 <!-- 5 <!--
6 Test a bunch of complex cases where touch-action: [pan-x ||pan-y]. 6 Test a bunch of complex cases where touch-action: [pan-x ||pan-y].
7 --> 7 -->
8 8
9 <div class='ta-panx' expected-action='pan-x'>Simple div with touch-action: pan-x </div> 9 <div class='ta-panx' expected-action='pan-x'>Simple div with touch-action: pan-x </div>
10 <div class='ta-pany' expected-action='pan-y'>Simple div with touch-action: pan-y </div> 10 <div class='ta-pany' expected-action='pan-y'>Simple div with touch-action: pan-y </div>
11 <div class='ta-panxy' expected-action='pan-x-y'>Simple div with touch-action: pa n-x pan-y</div> 11 <div class='ta-panxy' expected-action='pan-x-y'>Simple div with touch-action: pa n-x pan-y</div>
12 <div class='ta-manipulation' expected-action='manipulation'>Simple div with touc h-action: manipulation</div>
12 13
13 <div class='ta-none' style='height: 0; margin-bottom: 50px'> 14 <div class='ta-none' style='height: 0; margin-bottom: 50px'>
14 <div class='ta-panx' expected-action='none'> 15 <div class='ta-panx' expected-action='none'>
15 Explicitly setting touch-action: pan-x does nothing to prevent propagation o f none 16 Explicitly setting touch-action: pan-x does nothing to prevent propagation o f none
16 </div> 17 </div>
17 </div> 18 </div>
18 19
19 <div class='ta-pany'> 20 <div class='ta-pany'>
20 <div class='ta-none' expected-action='none'> 21 <div class='ta-none' expected-action='none'>
21 Explicitly setting touch-action: none prevent propagation of pan-y 22 Explicitly setting touch-action: none prevent propagation of pan-y
(...skipping 23 matching lines...) Expand all
45 <div class='ta-pany' expected-action='none'> 46 <div class='ta-pany' expected-action='none'>
46 Disjoint flags intersect to none 47 Disjoint flags intersect to none
47 </div> 48 </div>
48 </div> 49 </div>
49 </div> 50 </div>
50 51
51 <div class='ta-panx'> 52 <div class='ta-panx'>
52 <div class='scroll ta-pany' expected-action='pan-y'> 53 <div class='scroll ta-pany' expected-action='pan-y'>
53 Touch-action: pan-x is not propagated into overflow-scroll elements 54 Touch-action: pan-x is not propagated into overflow-scroll elements
54 </div> 55 </div>
56 </div>
57
58 <div class='ta-panx'>
59 <div class='ta-manipulation' expected-action='pan-x'>
60 Explicitly setting touch-action: manipulation does nothing to prevent propag ation of 'pan-x'
61 </div>
62 </div>
63
64 <div class='ta-manipulation'>
65 <div class='ta-auto' expected-action='manipulation'>
66 Explicitly setting touch-action: auto does nothing to prevent propagation of 'manipulation'
67 </div>
55 </div> 68 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698