Right border of editor textarea is hidden when browser is resized

[tar.gz]

When resizing the browser window while editing a post, I often notice that the right border of the editor disappears, then reappears, depending of the window width.

Having a look at the CSS, I notice that the border of the parent element, .wp-editor-container, is sometimes ovelapped by the contained textarea.wp-editor-area, which has a width of 99.9%. Depending on the browser window width, the browser sometimes rounds this up in such a way that a pixel gets added, and covers the right border (which then "disappears").

The solution is simply to lower the width of the textarea by one decimal - at 99.8% I don't see the issue appearing anymore. Tested in Firefox and Chrome, on OSX.

[tar.gz]

Changes textarea.wp-editor-area width to 99.8%

[SergeyBiryukov]

Reproduced with window width less than 500px.

The width was changed from 100% to 99.9% in [18803], probably to compensate for the 1px margin:
​http://core.trac.wordpress.org/browser/tags/3.4.2/wp-admin/css/wp-admin.dev.css#L321

Perhaps the width could be changed back to 100%, and the margin could be removed instead.

Tested in Firefox 15, Chrome 21, IE 8, Opera 12.

[tar.gz]

Indeed, this works fine and feels less hackish :)

Just a note: in wp-admin/css/ie.css, the width is defined as 97% for old IE. But it seems that this is needed for other reasons, and should be kept anyway.

[azaozz]

In 22390:

Fix the right border of the editor textarea, props SergeyBiryukov, fixes #21906