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

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-overflow.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 <style> 3 <style>
4 .container { 4 .container {
5 position: relative; 5 position: relative;
6 background-color: pink; 6 background-color: pink;
7 outline: 1px solid red; 7 outline: 1px solid red;
8 display: inline-block; 8 display: inline-block;
9 } 9 }
10 .flexbox { 10 .flexbox {
11 display: flex; 11 display: flex;
12 background-color: grey; 12 background-color: grey;
13 width: 100px; 13 width: 100px;
14 height: 100px; 14 height: 100px;
15 } 15 }
16 .title { 16 .title {
17 margin-top: 1em; 17 margin-top: 1em;
18 } 18 }
19 .ltr { 19 .ltr {
20 direction: ltr; 20 direction: ltr;
21 } 21 }
22 .rtl { 22 .rtl {
23 direction: rtl; 23 direction: rtl;
24 } 24 }
25 .horizontal-tb { 25 .horizontal-tb {
26 -webkit-writing-mode: horizontal-tb; 26 -webkit-writing-mode: horizontal-tb;
27 } 27 }
28 .horizontal-bt {
29 -webkit-writing-mode: horizontal-bt;
30 }
31 .vertical-rl { 28 .vertical-rl {
32 -webkit-writing-mode: vertical-rl; 29 -webkit-writing-mode: vertical-rl;
33 } 30 }
34 .vertical-lr { 31 .vertical-lr {
35 -webkit-writing-mode: vertical-lr; 32 -webkit-writing-mode: vertical-lr;
36 } 33 }
37 .row { 34 .row {
38 flex-flow: row; 35 flex-flow: row;
39 } 36 }
40 .row-reverse { 37 .row-reverse {
(...skipping 25 matching lines...) Expand all
66 63
67 var containerSize = [100, 100]; 64 var containerSize = [100, 100];
68 65
69 var expectations = { 66 var expectations = {
70 'horizontal-tb': { 67 'horizontal-tb': {
71 rtl: [-5, 0], 68 rtl: [-5, 0],
72 ltr: [0, 0], 69 ltr: [0, 0],
73 'rtl-column-reverse': [-5, -5], 70 'rtl-column-reverse': [-5, -5],
74 'ltr-column-reverse': [0, -5], 71 'ltr-column-reverse': [0, -5],
75 }, 72 },
76 'horizontal-bt': {
77 rtl: [-5, -5],
78 ltr: [0, -5],
79 'rtl-column-reverse': [-5, 0],
80 'ltr-column-reverse': [0, 0],
81 },
82 'vertical-lr': { 73 'vertical-lr': {
83 rtl: [0, -5], 74 rtl: [0, -5],
84 ltr: [0, 0], 75 ltr: [0, 0],
85 'rtl-column-reverse': [-5, -5], 76 'rtl-column-reverse': [-5, -5],
86 'ltr-column-reverse': [-5, 0], 77 'ltr-column-reverse': [-5, 0],
87 }, 78 },
88 'vertical-rl': { 79 'vertical-rl': {
89 rtl: [-5, -5], 80 rtl: [-5, -5],
90 ltr: [-5, 0], 81 ltr: [-5, 0],
91 'rtl-column-reverse': [0, -5], 82 'rtl-column-reverse': [0, -5],
92 'ltr-column-reverse': [0, 0], 83 'ltr-column-reverse': [0, 0],
93 } 84 }
94 } 85 }
95 86
96 var writingModes = ['horizontal-tb', 'horizontal-bt', 'vertical-lr', 'vertical-r l']; 87 var writingModes = ['horizontal-tb', 'vertical-lr', 'vertical-rl'];
97 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse']; 88 var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse'];
98 var directions = ['rtl', 'ltr']; 89 var directions = ['rtl', 'ltr'];
99 90
100 writingModes.forEach(function(writingMode) { 91 writingModes.forEach(function(writingMode) {
101 flexFlows.forEach(function(flexFlow) { 92 flexFlows.forEach(function(flexFlow) {
102 directions.forEach(function(direction) { 93 directions.forEach(function(direction) {
103 var flexboxClassName = writingMode + ' ' + direction + ' ' + flexFlo w; 94 var flexboxClassName = writingMode + ' ' + direction + ' ' + flexFlo w;
104 var title = document.createElement('div'); 95 var title = document.createElement('div');
105 title.className = 'title'; 96 title.className = 'title';
106 title.innerHTML = flexboxClassName; 97 title.innerHTML = flexboxClassName;
(...skipping 15 matching lines...) Expand all
122 '<div style="flex: 1 0 auto; width: 105px; height: 105px;" ' + s izeAsString([105, 105]) + ' ' + positionAsString(expectations[writingMode][flow Direction]) + '></div>\n' + 113 '<div style="flex: 1 0 auto; width: 105px; height: 105px;" ' + s izeAsString([105, 105]) + ' ' + positionAsString(expectations[writingMode][flow Direction]) + '></div>\n' +
123 '</div>\n'; 114 '</div>\n';
124 115
125 document.body.appendChild(container); 116 document.body.appendChild(container);
126 }) 117 })
127 }) 118 })
128 }) 119 })
129 </script> 120 </script>
130 </body> 121 </body>
131 </html> 122 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698