Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Metaboxes overlap Block Editor's edit link popup #64812

Closed
2 tasks done
narenin opened this issue Aug 27, 2024 · 5 comments
Closed
2 tasks done

Metaboxes overlap Block Editor's edit link popup #64812

narenin opened this issue Aug 27, 2024 · 5 comments
Assignees
Labels
[Feature] Meta Boxes A draggable box shown on the post editing screen [Type] Bug An existing feature does not function as intended

Comments

@narenin
Copy link
Contributor

narenin commented Aug 27, 2024

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
@narenin narenin added the [Type] Bug An existing feature does not function as intended label Aug 27, 2024
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Aug 27, 2024
@talldan
Copy link
Contributor

talldan commented Aug 27, 2024

I'm not able to reproduce this:
Screenshot 2024-08-27 at 2 22 58 PM

I seem to recall @stokesman has already fixed it in another PR.

@talldan
Copy link
Contributor

talldan commented Aug 27, 2024

Still the same result:
Screenshot 2024-08-27 at 2 30 40 PM

Are you running an up to date version of the Gutenberg plugin?

@shail-mehta
Copy link
Member

shail-mehta commented Aug 27, 2024

Hi @narenin Thanks for the Report.

We are already tracking a similar issue here : #64247 , #64351

@t-hamano
Copy link
Contributor

Thanks for the report.

This problem has been fixed in #63939. This fix will be available in the next minor WordPress release.

@t-hamano t-hamano closed this as not planned Won't fix, can't repro, duplicate, stale Aug 27, 2024
@t-hamano t-hamano added [Feature] Meta Boxes A draggable box shown on the post editing screen and removed [Status] In Progress Tracking issues with work in progress labels Aug 27, 2024
@WordPress WordPress deleted a comment Aug 27, 2024
@Tessachu
Copy link

Thanks for moving my ticket to the correct place. I wasn't sure if it was technically block editor/gutenberg related due to it not being compiled in the same CSS (previous URL: https://core.trac.wordpress.org/ticket/61928)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Meta Boxes A draggable box shown on the post editing screen [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants