Bug 123086 – Editing font-size needs to split background-color

• Component: HTML Editing
• Status: NEW

[KyungTae Kim]

Created attachment 214707 [details]
test case

On editable contents, if you edit font-size for text that has background-color, the editing result looks weird (you can refer attached test case).

If you select "BBCC" and edit font-size on the 1) below,
the result is like 2) below - the background-color can't cover to the edited size because the 'background-color' property is not inherited.

1) <span style="background-color:blue">AABBCC</span>
2) <span style="background-color:blue">AA<font size="7">BBCC</font></span>

We expect the background-color fully cover the "BBCC", for that, editing font-size needs to split background-color like below. 
3) <span style="background-color:blue">AA</span><font size="7"><span style="background-color:blue">BBCC</span></font>

One more problem for current behavior occurs when you changing background-color of some text of 2).
If you select "CC" and edit background-color , the split & push down for background-color occurs, so it changes  the area for background-color for "BB" - the node that should not be affected.
4) <span style="background-color: blue;">AA</span><font size="7"><span style="background-color: blue;">BB</span><span style="background-color: green;">CC</span></font></div>