Make WordPress Core

Opened 8 years ago

Closed 7 years ago

#21906 closed enhancement (fixed)

Right border of editor textarea is hidden when browser is resized

Reported by: tar.gz Owned by: azaozz
Milestone: 3.5 Priority: normal
Severity: minor Version:
Component: Editor Keywords: has-patch commit
Focuses: Cc:


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.

Attachments (2)

99point8.diff (323 bytes) - added by tar.gz 8 years ago.
Changes textarea.wp-editor-area width to 99.8%
21906.patch (371 bytes) - added by SergeyBiryukov 8 years ago.

Download all attachments as: .zip

Change History (6)

8 years ago

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

#1 @SergeyBiryukov
8 years ago

  • Milestone changed from Awaiting Review to 3.5

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:

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.

#2 @tar.gz
8 years ago

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.

#3 @nacin
8 years ago

  • Keywords commit added
  • Owner set to azaozz
  • Status changed from new to assigned

#4 @azaozz
7 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 22390:

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

Note: See TracTickets for help on using tickets.