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

Fixed : Metaboxes overlap Block Editor's edit link popup #64813

Closed

Conversation

narenin
Copy link
Contributor

@narenin narenin commented Aug 27, 2024

Fix: #64812

What?

This PR will fixed the Metaboxes overlap Block Editor's edit link popup issue, mentioned in 64812

Why?

This issue happening because of the z-index and this PR will add the z-index to fix the overlapping issue.

How?

I have added the z-index: -1 to metabox class edit-post-layout__metaboxes.

Testing Instructions

  • 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).

Copy link

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: narenin <narenin@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@t-hamano t-hamano self-requested a review August 27, 2024 06:50
Copy link
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the PR.

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

@t-hamano t-hamano closed this Aug 27, 2024
@t-hamano t-hamano added the [Feature] Meta Boxes A draggable box shown on the post editing screen label Aug 27, 2024
Copy link

Warning: Type of PR label mismatch

To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.

  • Type-related labels to choose from: [Type] Automated Testing, [Type] Breaking Change, [Type] Bug, [Type] Build Tooling, [Type] Code Quality, [Type] Copy, [Type] Developer Documentation, [Type] Enhancement, [Type] Experimental, [Type] Feature, [Type] New API, [Type] Task, [Type] Technical Prototype, [Type] Performance, [Type] Project Management, [Type] Regression, [Type] Security, [Type] WP Core Ticket, Backport from WordPress Core.
  • Labels found: [Feature] Meta Boxes.

Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task.

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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Metaboxes overlap Block Editor's edit link popup
2 participants