4

Android's browser is displaying "box" characters (like []) wherever there is a new line (ASCII x0A) character in the source HTML.

The browser should treat / render new line characters as whitespace. This issue doesn't appear on any desktop browsers or iOS Safari.

We have isolated the culprit to one of our CSS files but can't narrow down the offending code any further. Any help is greatly appreciated. We are baffled. We have looked into character encoding issues and the font-family and changing those didn't resolve the issue.

Screenshot: http://haxway.com/mjm.jpeg
HTML: http://haxway.com/mjm.html
CSS: http://www.marijuana.com/styles/hathwaymobile/styles.css

Thanks!

3

1 Answer 1

7

The problem is that text-rendering: optimizelegibility is broken on Android 2.2 and 2.3.

See this bug: http://code.google.com/p/android/issues/detail?id=15067

This HTML:

<p style="text-rendering:optimizelegibility">
Webkit.
Android.
Oh no.

is rendered with boxes where the newlines are.

Happens in 2.2 and 2.3. Does not happen in 1.6.

A jsfiddle illustrating this bug: http://jsfiddle.net/therefromhere/huUcE/2/

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.