Add experiment to show admin bar in Post and Site Editor#77964
Merged
Conversation
github-actions
Bot
added
[Package] Edit Post
|
Size Change: +6.72 kB (+0.08%) Total Size: 7.97 MB 📦 View Changed
ℹ️ View Unchanged
|
fushar
force-pushed
the
admin-bar-in-editor-experiment
branch
from
5f86fee to
02f78b0
Compare
|
Flaky tests detected in 812345d. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/26101878742
|
fushar
force-pushed
the
admin-bar-in-editor-experiment
branch
2 times, most recently
from
5e4770b to
543c14f
Compare
|
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 If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
tyxla
reviewed
May 7, 2026
fushar
force-pushed
the
admin-bar-in-editor-experiment
branch
5 times, most recently
from
ba11c1b to
728dc74
Compare
tyxla
reviewed
May 8, 2026
Member
tyxla
left a comment
tyxla
left a comment
There was a problem hiding this comment.
Thanks for addressing the feedback, I think it's looking much better.
I still think there are a couple of good opportunities before we land it, see my inline comments.
My biggest concern is the lack of isolation and unconditional loading of the new styles. Luckily, there is an elegant solution.
tyxla
reviewed
May 8, 2026
visibility via CSS
Contributor
User profiles look particularly bad, should the site editor adapts its background as well? |
Contributor
|
same issue in the font library and site editor v2 
|
fushar
force-pushed
the
admin-bar-in-editor-experiment
branch
3 times, most recently
from
f69c744 to
c187ddd
Compare
fushar
force-pushed
the
admin-bar-in-editor-experiment
branch
from
c187ddd to
d44f9ec
Compare
Contributor
Author
Good catch, I forgot about color schemes 😅 fixed via 221bc4f. Now the color schemes are applied in all pages you mentioned above. I attached screenshots of the site editor on all color schemes in the PR description. Not sure if it's the best solution. Basically we need to duplicate the color scheme definitions from Core, which are hardcoded, as new variables, then use the variables in the CSS. |
fushar
force-pushed
the
admin-bar-in-editor-experiment
branch
from
d4f6331 to
5cabe16
Compare
Contributor
|
I can't find my previous comments on the commit about the color schemes, so I don't know if you replied, Github UI is so broken. |
Contributor
Author
|
Here's your comments. I think it's broken because the comments were on a specific commit: Now I think the color schemes are NOT independent of this experiment. I mean I believe this experiment does need the site editor sidebar to match the admin bar. Otherwise in certain color schemes it will look very weird. What's independent is that whether the sidebar should match the admin bar color when the experiment is off (or this behavior never lands as default behavior). I'll create a separate PR for that; I think how color schemes work needs more discussion. |
Contributor
Author
|
@youknowriad any more objection to merging this? 😄 |
Resolved conflicts in back-button components: trunk renamed the `Icon` import to `WCIcon`; kept the admin-bar-in-editor branching logic and updated it to use `WCIcon`. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Contributor
Author
|
OK now I have tested that this PR will "merge" cleanly with the other PR #78397. Here are screenshots for all color schemes. Note that as noted in that PR, it's not possible (for now) to match the admin bar background color with the site editor sidebar's exactly.
|
Contributor
|
At a glance this looks good to me. If @WordPress/gutenberg-design has thoughts, here's a ping, otherwise perhaps this is mostly a code review we need! Thanks for working diligently on this. |
youknowriad
approved these changes
May 20, 2026
Contributor
youknowriad
left a comment
youknowriad
left a comment
There was a problem hiding this comment.
No objections from me, go for it.
Contributor
Author
|
Thanks all for the reviews. Really appreciate it. Merging... |
Contributor
|
I just tried this out - I like it. With the experiment active, I'm wondering if the two ways to view the post in the header area are required: 
Maybe there's an opportunity to hide the one in the editor top bar. What do others think? Edit: also the spacing in the site editor's sidebar (above 'Design') looks a little off compared to before:
Maybe it doesn't have to be as much padding as before, but a bit more to match the gap below the title + subtitle would help I think. |
Contributor
💯 I don't know if we urgently have to edit this, but there is most definitely some deduplication work we can do here. Even ⌘K becomes a bit of an open question how that gets unified, given the gray document title sits in the top toolbar too. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
5 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Trac ticket: https://core.trac.wordpress.org/ticket/65091
What?
This PR adds a Gutenberg experiment to show the admin bar (a.k.a. Toolbar) in fullscreen Post and Site Editor.
See this Trac ticket for more context: https://core.trac.wordpress.org/ticket/65091.
Why?
We want to test an editor experience where we keep the admin bar and show a clearer button that exits the editor. We want to avoid users from getting lost in the fullscreen editor.
How?
This PR registers a new
gutenberg-admin-bar-in-editorexperiment.The admin bar is actually printed in the HTML all along, but hidden/covered by the fullscreen editor. So, if the experiment is enabled, the
<body>gets a new CSS class,.is-admin-bar-in-editor-enabled, which adjusts some CSS so that the admin bar is uncovered.This PR also replaces the top-left site icon with an explicit back button, which makes it clearer how to exit the editor. No information is lost because we show the site name in the admin bar.
Testing Instructions
Testing Instructions for Keyboard
The admin bar elements and site editor can still be reached using keyboard (tabs).
Screenshots or screencast
Site Editor
Post Editor
Site Editor on various admin color schemes(reverted, will be in a separate PR)See: #78331
Use of AI Tools
I used Codex which helped me implement this feature.