Skip to content

Fix: Edit-post back button tooltip position#77587

Merged
ciampo merged 1 commit intoWordPress:trunkfrom
DarkMatter-999:fix/edit-post-back-button-tooltip
Apr 23, 2026
Merged

Fix: Edit-post back button tooltip position#77587
ciampo merged 1 commit intoWordPress:trunkfrom
DarkMatter-999:fix/edit-post-back-button-tooltip

Conversation

@DarkMatter-999
Copy link
Copy Markdown
Contributor

@DarkMatter-999 DarkMatter-999 commented Apr 23, 2026

What?

Part of #73785

This PR updates the tooltipPosition of the Fullscreen Mode Close button (the "Back" button in the top left of the editor) from middle right to bottom.

Why?

The previous middle right positioning caused the tooltip to overlap with the block inserter button. Changing the position to bottom ensures the tooltip appears directly beneath the button, which is standard for header-level icons and prevents visual clashing with the other elements.

How?

Updated the tooltipPosition prop for FullscreenModeClose component to use the value bottom.

Testing Instructions

  1. Open the Block editor.
  2. Enable Fullscreen Mode in the editor (Options > View > Fullscreen Mode).
  3. Hover over the WordPress (or Site) icon in the top left corner.
  4. Verify that the "View Posts" (or similar) tooltip now appears below the button rather than to the right of it.

Screenshots or screencast

Before:

edit-post-back-button-tooltip.mov

After:

edit-post-back-button-tooltip-fix.mov

Use of AI Tools

I used Gemini 3 Flash to help format this PR description and summarize the logic implementation based on my git diff.

cc: @ciampo, @mirka

@github-actions github-actions Bot added the [Package] Edit Post /packages/edit-post label Apr 23, 2026
@ciampo
Copy link
Copy Markdown
Contributor

ciampo commented Apr 23, 2026

@DarkMatter-999 can you just check that the tooltip still looks good when the string of text gets longer?

@ciampo ciampo added the [Type] Enhancement A suggestion for improvement. label Apr 23, 2026
@DarkMatter-999
Copy link
Copy Markdown
Contributor Author

This is how it looks, does not overflow to the edges.

image

@DarkMatter-999 DarkMatter-999 marked this pull request as ready for review April 23, 2026 07:44
@github-actions
Copy link
Copy Markdown

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: DarkMatter-999 <lakshyajeet@git.wordpress.org>
Co-authored-by: ciampo <mciampini@git.wordpress.org>

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

@ciampo ciampo requested a review from a team April 23, 2026 08:00
Copy link
Copy Markdown
Contributor

@ciampo ciampo left a comment

Choose a reason for hiding this comment

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

LGTM 🚀

@ciampo ciampo merged commit ddf4faf into WordPress:trunk Apr 23, 2026
48 checks passed
@github-actions github-actions Bot added this to the Gutenberg 23.1 milestone Apr 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Package] Edit Post /packages/edit-post [Type] Enhancement A suggestion for improvement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants