Skip to content

Metaboxes overlap Block Editor's edit link popup #64812

Closed

Description

Description

Bug: The link editor box is obscured by the metaboxes when the linked content is near the metaboxes, if they have content, and if that content expands the overall scroll height of the page making it so the bottom of the editor is not near the bottom of the page. This prevents users from being able to edit their links in this specific situation.

Expectation: the link editor box should overlay the metaboxes, or it should open upward, allowing users to be able to edit them in all situations.

Note: While the metaboxes don't have content in a blank install, the container of these metaboxes and the ability to add them are provided by core, therefore I believe the solution should be provided in core.

Step-by-step reproduction instructions

  • Use a fresh install of WordPress
  • Install and activate any plugin that adds meta boxes to the post page
  • Create a new post
  • Copy/paste the first five (5) paragraphs of Lorem Ipsum into the body, this should automatically create five paragraph blocks.
  • Ensure that the metabox(es) is(are) expanded, extending the scroll height of the page.
  • Scroll down so that the bottom of the editor where it meets the metaboxes are in the middle of the page.
  • Highlight the last word with your mouse and then press CTRL + K to add a link, this reveals the link editor's popup box below the highlighted text and displays behind the metabox(es).

Screenshots, screen recording, code snippet

Edit-Post-Hello-world-Local-Dev-Site-Word-Press

Environment info

  • WordPress version 6.6.1
  • Desktop with Windows 11 Pro
  • Google Chrome Browser version 128.0.6613.84 (Official Build) (64-bit)
  • Yoast SEO version 23.3 (or any plugin that adds a metabox to the post edit page)

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Labels

[Feature] Meta BoxesA draggable box shown on the post editing screen[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions