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

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/flexbox-overflow-auto.html

Issue 1419813004: Remove the "horizontal-bt" value from -webkit-writing-mode (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add static_assert to ensure TransformedWritingMode matches to WritingMode Created 5 years, 1 month 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 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 .test-row { 5 .test-row {
6 display: flex; 6 display: flex;
7 margin-bottom: 5px; 7 margin-bottom: 5px;
8 } 8 }
9 .test-row > div { 9 .test-row > div {
10 flex: none; 10 flex: none;
11 } 11 }
12 12
13 .container { 13 .container {
14 margin-right: 5px; 14 margin-right: 5px;
15 border: 5px solid lightgreen; 15 border: 5px solid lightgreen;
16 width: 100px; 16 width: 100px;
17 } 17 }
18 18
19 .horizontal-tb { 19 .horizontal-tb {
20 -webkit-writing-mode: horizontal-tb; 20 -webkit-writing-mode: horizontal-tb;
21 } 21 }
22 22
23 .horizontal-bt {
24 -webkit-writing-mode: horizontal-bt;
25 }
26
27 .vertical-rl { 23 .vertical-rl {
28 -webkit-writing-mode: vertical-rl; 24 -webkit-writing-mode: vertical-rl;
29 } 25 }
30 26
31 .vertical-lr { 27 .vertical-lr {
32 -webkit-writing-mode: vertical-lr; 28 -webkit-writing-mode: vertical-lr;
33 } 29 }
34 30
35 .row { 31 .row {
36 flex-direction: row; 32 flex-direction: row;
(...skipping 25 matching lines...) Expand all
62 background: -webkit-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%); 58 background: -webkit-radial-gradient(center, ellipse cover, rgba(30,87,153,1) 0%,rgba(89,148,202,1) 62%,rgba(95,154,207,0.7) 68%,rgba(125,185,232,0) 100%);
63 flex: none; 59 flex: none;
64 } 60 }
65 61
66 </style> 62 </style>
67 </head> 63 </head>
68 <body> 64 <body>
69 <p>Scrollbars should work in all the flexboxes.</p> 65 <p>Scrollbars should work in all the flexboxes.</p>
70 </body> 66 </body>
71 <script> 67 <script>
72 var writingModes = ['horizontal-tb', 'horizontal-bt', 'vertical-rl', 'vertical-l r']; 68 var writingModes = ['horizontal-tb', 'vertical-rl', 'vertical-lr'];
73 var flexDirections = ['row', 'column', 'row-reverse', 'column-reverse']; 69 var flexDirections = ['row', 'column', 'row-reverse', 'column-reverse'];
74 var testContents = ''; 70 var testContents = '';
75 writingModes.forEach(function(writingMode) { 71 writingModes.forEach(function(writingMode) {
76 testContents += "<div class='test-row'>"; 72 testContents += "<div class='test-row'>";
77 flexDirections.forEach(function(flexDirection) { 73 flexDirections.forEach(function(flexDirection) {
78 var containerClass = 'container ' + writingMode; 74 var containerClass = 'container ' + writingMode;
79 var flexboxClass = 'flexbox ' + flexDirection; 75 var flexboxClass = 'flexbox ' + flexDirection;
80 testContents += 76 testContents +=
81 "<div class='" + containerClass + "'>" + 77 "<div class='" + containerClass + "'>" +
82 "<div class='" + flexboxClass + "'>" + 78 "<div class='" + flexboxClass + "'>" +
83 "<div></div>" + 79 "<div></div>" +
84 "</div>" + 80 "</div>" +
85 "</div>"; 81 "</div>";
86 }); 82 });
87 testContents += "</div>"; 83 testContents += "</div>";
88 }); 84 });
89 85
90 document.body.innerHTML += testContents; 86 document.body.innerHTML += testContents;
91 87
92 </script> 88 </script>
93 </body> 89 </body>
94 </html> 90 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698