Paragraph Width In Editor Styles Introduces Resize Handles In All Versions of IE

[kyleunzicker]

To reproduce:

1. Load an editor stylesheet via add_editor_style()
2. Declare a width (or max-width) on paragraphs such as:

   p { width: 80%; }
   

3. In any version of IE (I have tested in 10, 9, and 8), edit an existing post and notice resize handles around paragraphs like so: ​http://kunzi.me/Hfpa

The resizable content then becomes difficult/impossible to edit.

This happens on a clean install of 3.7.1 in any theme with no plugins activated.

[ocean90]

Hello kyleunzicker, thanks for the report.

The issue still exists in TinyMCE 4.0. p { width: 80%; } seems really rare since the width of the editor is another one as on the frontend, so you would end up in mixed widths.

[azaozz]

This is a "feature" in all IE. Any block element that "hasLayout" inside contenteditable gets wrapped in thick border and/or gets resize handles when focused.

The only fix in this case would be to set p { width: auto !important; }.

[iseulde]

This is a problem in IE and not something we can fix, unless we revert it with p { width: auto !important; }. The theme shouldn't add a width to the paragraphs.