#46256 closed defect (bug) (invalid)
Post editor meta boxes floating over content when using the Gutenberg editor.
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Priority: | normal | |
| Severity: | normal | Version: | |
| Component: | Editor | Keywords: | |
| Focuses: | Cc: |
Description
The css for the post editor needs a change so that meta boxes don't float over the content of the post. To reproduce it you just need to install a plugin that uses a meta box in the post editor. Then make a post with enough content to go past the bottom of the screen. The meta boxes will not move down. They will stay where the bottom of the screen was and lay over the post content. This is because .editor-writing-flow is set to height: 100% in the following CSS files. It needs to be set to height: auto or the height declaration needs to be removed so that the content grows and pushes the meta box containers down.
/wp-includes/css/dist/editor/style.min.css Line: 9
/wp-includes/css/dist/editor/style.css Line: 2572
/wp-includes/css/dist/editor/style-rtl.min.css Line: 1
/wp-includes/css/dist/editor/style-rtl.css Line: 2560
Change History (3)
#2
@
6 years ago
- Milestone Awaiting Review deleted
- Resolution set to invalid
- Status changed from new to closed
- Version trunk deleted
Thank you for the bug report, @foomagoo!
This is likely caused by a PHP error message showing above the <!DOCTYPE html> tag, which causes your browser to use "Quirks mode" rendering. You can read some more about this in GB11378, as well as in the Gutenberg Handbook.
Additionally the following css class should be changed to be max-height: 50px instead of height: 50px. Since after the first change I suggested a huge blank area is present above the meta boxes.
CSS Class:
/wp-includes/css/dist/edit-post/style.css Line: 961
/wp-includes/css/dist/edit-post/style.min.css Line: 1
/wp-includes/css/dist/edit-post/style-rtl.css Line: 961
/wp-includes/css/dist/edit-post/style-rtl.min.css Line: 1