[wp-trac] [WordPress Trac] #17154: TinyMCE inserts spans with font-styles atributes

[WordPress Trac]

#17154: TinyMCE inserts spans with font-styles atributes
--------------------------+-----------------------------
 Reporter:  thomask       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Future Release
Component:  TinyMCE       |     Version:  3.1
 Severity:  normal        |  Resolution:
 Keywords:                |
--------------------------+-----------------------------
Changes (by azaozz):

 * keywords:  needs-patch =>
 * severity:  major => normal
 * milestone:  Awaiting Review => Future Release


Comment:

 Not sure with point 5 above too but was able to reproduce it in Chrome 10
 this way:

  * start new post
  * type some text and press Enter
  * click on the UL button, at this point the editor inserts UL and LI and
 places the cursor in the LI.
  * type some more creating 2-3 list items
  * press Enter twice, first one starts another LI, the second removes the
 LI, closes the UL and places the cursor below it
  * type another paragraph or two

 All text after the so created UL is wrapped in `<div>` instead of `<p>`
 and if the editor's CSS (content.css or editor-style.css from the theme)
 has font-size and line-height set, the browser inserts multiple `<span>`.

 This is a WebKit bug in contentEditable mode, most likely related to the
 bug with inserting `<span>` when the view is zoomed. Unfortunately there's
 little we can do in WordPress to fix this other than passing it upstream
 to both TinyMCE and WebKit teams.

 There's a workaround for this too: type all list items as paragraphs
 first, type another paragraph after the intended list, select the
 paragraphs that you want to convert to a list and press the UL or OL
 button.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/17154#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software