Changing background color does not render properly when font sizes differ.

[Daniel Sarosi]

Tested in opera and firefox.

If you go to the demo, and change the font size of the first sentence "This is some sample text." to font-size xx-large. Then select all the text and change the background color and you'll notice that the background color behind the large font only covers it by half. The output it the following;

<span style="background-color: rgb(255, 0, 0);">
  <span style="font-size: xx-large;">
    This is some <strong>sample text</strong>.
  </span> 
  You are using 
</span>
<a href="http://www.fckeditor.net/" _fcksavedurl="http://www.fckeditor.net/">
  <span style="background-color: rgb(255, 0, 0);">
   FCKeditor
  </span>
</a>
<span style="background-color: rgb(255, 0, 0);">.</span>

but it should take into account different spans for different font-sizes that should be contained within the font-size span. Thus it should produce the following;

<span style="font-size: xx-large;">
  <span style="background-color: rgb(255, 0, 0);"> 
    This is some <strong>sample text</strong>.
  </span>
</span>
<span style="background-color: rgb(255, 0, 0);">
  You are using 
</span>
<a href="http://www.fckeditor.net/" _fcksavedurl="http://www.fckeditor.net/">
  <span style="background-color: rgb(255, 0, 0);">
   FCKeditor
  </span>
</a>
<span style="background-color: rgb(255, 0, 0);">.</span>

[Daniel Sarosi]

screenshot

[Artur Formella]

Confirmed in FF3 and Google Chrome

[Krzysztof Studnik]

FCKeditor was retired and is no longer supported. This issue, however, still occurs in its successor, ​CKEditor 3.x, and you can track its resolution in ticket #8181.