Nonsense characters appear in Android Froyo web browser

[rspeer]

I have confirmed with two different phones that if you visit a very simple Bootstrap site with the stock Android Froyo web browser, a box (of the kind that tends to represent "invalid character") appears whenever the source HTML has a line break in a paragraph.

I'm not talking about an HTML line break like <br>, I mean that when you put a line break in the .html file, it shows up as a box instead of a space on the web page.

This occurs on the Bootstrap-using web page at http://lumino.so. A minimal case that reproduces it is at http://lumino.so/bug.html.

[fat]

sorry, we don't currently support that browser

[alexgibson]

This single CSS rule might be your culprit: text-rendering: optimizelegibility;

Can I suggest you re-open this issue, as there might be a very straight forward fix given a quick search in the Android bug tracker?

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

I'd suggest either not applying it to the body (both for the above reason and for performance reasons), and applying it only to headings.

Looks like this issue effects android 2.1 through to 2.3. Seems a bit silly to have every site created with bootstrap to look weird on the vast majority of Android phones, when it might actually be down to just a single CSS property?

[rspeer]

I don't think it should apply to headings either. That's just asking for a nasty surprise. In fact, I first noticed it in a heading that happened to span two lines of HTML source.

My mind is also boggled by fat's instant closing of this bug. Actively breaking on the current version of a popular browser is a bug in any web project, no matter which browsers it has decided to officially target. To assert otherwise sounds like those short-sighted banners from the '90s saying "This site is only viewable in Netscape 3.0".

[fat]

There's an open pull request for removing that property, so we're not going to reopen this issue. Thanks though!