Inconsistent browser behaviour with dijit/Editor and FontChoice plugin

[neville1355]

This was found by our QA. We currently use a dijit/Editor with the "dijit/_editor/plugins/FontChoice" plugin.

We found that changing the font size after adding a new line seems to cause strange new-line behaviour on the browser.

Use the below fiddle to test: ​http://jsfiddle.net/x7srk/

Repro steps: 1) Change font size to xx-large 2) type text, e.g. "asdasdasd" 3) Press "enter" to cause a new line 4) Before typing anything, change the font size to xx-small 5) start typing again, e.g. "asdasdasd"

Expected result is that the font and cursor size both change to reflect xx-small as you're typing. However, on different browsers we have different behaviour:

Chome 30:

• Font size is displayed as xx-small but the blinking cursor stays as xx-large causing a large gap between the new line and the previous one

IE9

• Font size and cursor size are both xx-small but there's a large gap between the current line and the previous line

Firefox 28:

• Font size and cursor size are both small but similar large gap as displayed in IE9

• When first pressing "Enter" the cursor cosmetically resets to the start of the first line (see screen shot). This only seems to happen when it's the first line and when no previous text was there.

I've attached screen shots of all the issues described above created in jsfiddle.

[neville1355]

chrome 30

[neville1355]

firefox cursor resetting to start of string

[neville1355]

firefox new line spacing bug

[neville1355]

IE9

[bill]

Unlikely this will be fixed unless someone wants to supply a patch (including a test case).