Text gets cropped on Safari Mobile when using column-count and column-gap (CSS3)

evilnoob

New Member
Here the code I'm using:\[code\]<ul><li>TEXT<br>TEXT</li><li>TEXT<br>TEXT</li><li>TEXT<br>TEXT</li></ul>ul.transports { -webkit-column-count: 3; -webkit-column-gap: 90px; column-count: 3; column-gap: 90px; -moz-column-count: 3; -moz-column-gap: 90px;}\[/code\]The problem is that with Safari on iOS the text after the
gets cropped (no problem with other browsers.. well, for IE < 10 I use a dirty hack but I don't care about it). Here's the page where you can reproduce the issue:http://goo.gl/ojWx9And this is a screenshot from Safari Mobile:
NqoZ0.png
 
Back
Top