Content Editor Buttons Cause Side Panel Overlap
|Reported by:||kwoodfriend||Owned by:|
There's a issue caused by the entry page's content editor when the following criteria is met:
- The entry page is using the 2 column layout.
- The "Kitchen sink" has been enabled, showing the editor's second row of buttons.
- The window's width is at 1029px or less. Around 1008px, the right panels will overlap the content box.
This problem is exacerbated when a theme or plugin has added any additional buttons to the editor, causing the overlapping to happen at a greater width. This happens until the window is reduced to the 850px break point, when single column layout is force.
I've tested this with both 3.5 and 3.6 (fresh installs) and Chrome v28.0.1500.95. I did not test with other browsers. Widths were gleaned via jQuery(window).width().
A possible option may be to remove the use of a table for the button layout, or force the table, tbody, tr, and td elements to use a display value of block, block, block, inline-block. Other work would be needed, but the latter method would possibly prevent any required markup changes.
A workaround is to set the layout to a single column.