| OLD | NEW | 
|---|
| 1 <style> | 1 <style> | 
| 2     div.test { | 2     div.test { | 
| 3         width: 100px; | 3         width: 100px; | 
| 4         height: 100px; | 4         height: 100px; | 
| 5         -webkit-column-width: 100px; | 5         -webkit-column-width: 100px; | 
| 6         -webkit-column-gap: 0; | 6         -webkit-column-gap: 0; | 
| 7         -webkit-column-progression: reverse; | 7         -webkit-column-progression: reverse; | 
|  | 8         column-width: 100px; | 
|  | 9         column-gap: 0; | 
|  | 10         column-fill: auto; | 
| 8         overflow: hidden; | 11         overflow: hidden; | 
| 9     } | 12     } | 
| 10 | 13 | 
| 11     div.test > div { | 14     div.test > div { | 
| 12         -webkit-logical-height: 100%; | 15         -webkit-logical-height: 100%; | 
| 13     } | 16     } | 
| 14 | 17 | 
| 15     div.test > div:first-child { | 18     div.test > div:first-child { | 
| 16         background-color: red; | 19         background-color: red; | 
| 17     } | 20     } | 
| (...skipping 25 matching lines...) Expand all  Loading... | 
| 43     for (var i = 0; i < tests.length; ++i) { | 46     for (var i = 0; i < tests.length; ++i) { | 
| 44         var test = tests[i]; | 47         var test = tests[i]; | 
| 45         if (test.scrollLeft) | 48         if (test.scrollLeft) | 
| 46             test.scrollLeft = 0; | 49             test.scrollLeft = 0; | 
| 47         else | 50         else | 
| 48             test.scrollLeft = test.scrollWidth; | 51             test.scrollLeft = test.scrollWidth; | 
| 49         if (test.scrollTop) | 52         if (test.scrollTop) | 
| 50             test.scrollTop = 0; | 53             test.scrollTop = 0; | 
| 51     } | 54     } | 
| 52 </script> | 55 </script> | 
| OLD | NEW | 
|---|