Bug Report Example Page
For Opera 8
Howard Russell

Hello Opera Team,

This is an example page created to show you how the in-line background-color bug comes up and is displayed in Opera 8. There are a lot of background-color spans in use, so there will be an example of the bug in almost every font-size and screen resolution.

In the styles available, you can choose White or Grey to see this text in text-align: left; where there is no issue with using an in-line background-color span on part of the text. Or you can choose Blue or Purple which uses text-align: justify; which is where the display bug appears. The larger the word, the more visible the display bug is, so here's antidisestablishmentarianism to use as a visual example.

The margins are fixed so you can see that, without justification, the highlighted words are still drawn on the next line and there is no trouble with where the background-color is displayed.

This bug only appears when text-align: justify; is used so you'll need to select either Blue or Purple as the style. Then play with the font size in the selector above to find one that displays the bug. Quite a few font-sizes will have one of these background-color altered spans fall on the end of a line. Just look at the right edge of the text as you change font sizes. You'll see colored areas appear without text, since the text has been word-wrapped to the next line. But the color will remain and cover the previous text.

Take a piece of paper and place it over one of the erroneously displayed color areas so their left edges line up. Hold it there and switch to a left justified style. You can see that the next word would start there, but it's already on the next line due to the word-wrap. Somehow, in text-align: justify;, the background color is drawn before both the justify and the word-wrap. In text-align: left;, it's properly drawn after the word-wrap, as expected.

This bug has been corrected in Opera 9.

Your bug reporter,
Howard Russell

Valid HTML 4.01!Valid HTML 4.01! ONE Internet!ONE Internet!

Cascading Style Sheets are not being used.

1