After updating to WordPress 6.8, I observed an unexpected UI change in the post editor. A new resize handle has appeared at the bottom of the meta boxes area, specifically for plugins like SEOPress. This new element causes a regression in the expected behavior, breaking the automatic scrolling of meta boxes.
Issue details:
- Expected behavior: The meta boxes (such as SEOPress) should auto-expand and allow scrolling to view all settings.
- Observed behavior: The meta boxes no longer auto-expand. I now have to manually resize the area to access the hidden content, such as SEO settings.
- Affected version: This issue was introduced in WordPress 6.8 and was not present in 6.7. I believe this change is related to the new core/editor update in WP 6.8, rather than a conflict with themes or plugins.
HTML Element Inserted:
<button role="separator" aria-valuenow="10" aria-label="Drag to resize" aria-describedby=":r9:"></button>
Steps to reproduce:
Update to WordPress 6.8.
- Go to the “Add New Post” page.
- Scroll down to the Meta Boxes section (e.g., SEOPress, ACF).
- Notice the appearance of a resize handle () at the bottom of the meta boxes.
- Observe that the auto-scroll functionality is no longer working as expected.
- Attempt to manually drag the separator to reveal hidden meta box content.
Environment info:
- WordPress Version: 6.8 (issue), 6.7 (no issue)
- Theme: Mismo
- Plugins: SEOPress
- Browser: Chrome 123, Firefox
- OS: Windows 11, Desktop
- Site for Testing: /
- Gutenberg Plugin: Not installed
Additional Information:
- I have tested with all plugins deactivated except SEOPress and have confirmed that the issue persists.
- The theme used for testing is Mismo, and the issue was not present in WP 6.7.
Checklist:
- I have searched existing issues in the repository.
- I have tested with all plugins deactivated except SEOPress.
- I have confirmed the theme type used: Block / Classic
After updating to WordPress 6.8, I observed an unexpected UI change in the post editor. A new resize handle has appeared at the bottom of the meta boxes area, specifically for plugins like SEOPress. This new element causes a regression in the expected behavior, breaking the automatic scrolling of meta boxes.
Issue details:
- Expected behavior: The meta boxes (such as SEOPress) should auto-expand and allow scrolling to view all settings.
- Observed behavior: The meta boxes no longer auto-expand. I now have to manually resize the area to access the hidden content, such as SEO settings.
- Affected version: This issue was introduced in WordPress 6.8 and was not present in 6.7. I believe this change is related to the new core/editor update in WP 6.8, rather than a conflict with themes or plugins.
HTML Element Inserted:
<button role="separator" aria-valuenow="10" aria-label="Drag to resize" aria-describedby=":r9:"></button>
Steps to reproduce:
Update to WordPress 6.8.
- Go to the “Add New Post” page.
- Scroll down to the Meta Boxes section (e.g., SEOPress, ACF).
- Notice the appearance of a resize handle () at the bottom of the meta boxes.
- Observe that the auto-scroll functionality is no longer working as expected.
- Attempt to manually drag the separator to reveal hidden meta box content.
Environment info:
- WordPress Version: 6.8 (issue), 6.7 (no issue)
- Theme: Mismo
- Plugins: SEOPress
- Browser: Chrome 123, Firefox
- OS: Windows 11, Desktop
- Site for Testing: https://facla.ro/
- Gutenberg Plugin: Not installed
Additional Information:
- I have tested with all plugins deactivated except SEOPress and have confirmed that the issue persists.
- The theme used for testing is Mismo, and the issue was not present in WP 6.7.
Checklist:
- I have searched existing issues in the repository.
- I have tested with all plugins deactivated except SEOPress.
- I have confirmed the theme type used: Block / Classic
- 5 If you're reporting an issue with WordPress itself, you should do so on their Trac site. – Pat J Commented Apr 17 at 2:50
- You may be experiencing this known issue which is set to be included in WP 6.8.1 release. – Wongjn Commented Apr 24 at 13:37
1 Answer
Reset to default 2Has a Temporary CSS solution. I hope WordPress at least makes this optional so users can disable it if they want to.
Add this to functions.php
add_action('admin_head', function () {
echo '<style>
.edit-post-meta-boxes-main.is-resizable {
height: auto !important;
min-height: 100% !important;
max-height: 900% !important;
overflow: visible !important;
}
ponents-resizable-box__container.editor-resizable-editor {
height: auto !important;
}
.editor-visual-editor {
overflow: visible !important;
}
.edit-post-meta-boxes-main__presenter {
display: none !important;
}
:root :where(.editor-styles-wrapper)::after {
height: 10vh !important;
}
.block-editor-iframe__scale-container iframe {
min-height: 920px;
}
</style>';
});