Text wrapping and line heights after starting with a large font.

[Devin Moore]

Something I've noticed is that if you start typing a paragraph with a large font (tested with 48px) and mid-paragraph switch to a smaller font (tested with 16px), as the paragraph line wraps, the line heights are enormous as they they are formatted for the initial 48px content.

We use your product here daily. Looking into the HTML code that it produces, I can see that it creates a span element with a font-size of 48px as a "wrapper". Then, when I switch font-size to 16px, the editor creates a new span element with this new font-size and places it into the 48px wrapper. Thus, the entire paragraph inherits the line-height initially created by the 48px font size.

A current workaround is to create the entire paragraph with the 16px font size first. Then, after the paragraph is finished, select the word(s) that you want to be 48px and apply it. Doing it this way will create the wrapper with the 16px font size and an internal span of 48px font size where the overall paragraph line-height will be created from the wrapper 16px font size span.

[Devin Moore]

html that creates the bad results

[Devin Moore]

the results of the bad html

[Devin Moore]

good html that produces good results

[Devin Moore]

the good results from the good html

[Jakub Ś]

I have checked this issue in CKEditor 3.x and it works fine there. Starting from CKEditor 4.0 beta same steps produce different result.

I have checked CSS, taken HTML put it in contenteditable in HTML4 and HTML5 document but both have produced same result like in CKEditor 4.x. I'm not sure what have I missed.