Site Editor: Ensure SnackBar (save confirmation message) is in the correct place

[Marc-pi]

Description

In site editor (menu Appearance > Editor beta)

• Clicking on Save on the top right corner >> the confirmation message is on the bottom left !!!
• i'm sure we can improve this, should be displayed near by under the save button

please notice that we do not have the same behavior when editing a post (when we are not editing the templates)

---

i'm poking @jasmussen design team + @annezazu FSE Outreach program
declaread as bug, because we do not have the same behavior depending the admin area we are (site editor vs post editor)

Step-by-step reproduction instructions

See above

Screenshots, screen recording, code snippet

No response

Environment info

• WP 6.1.1
• TT2 theme
• Gutenberg Blocks 15.0.1

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

[ndiego]

please notice that we do not have the same behavior when editing a post (when we are not editing the templates)

Hi @Marc-pi, thanks for reporting this. I want to confirm we see the same thing. When saving a post, I see a similar confirmation message as is displayed in the Site Editor.

[annezazu]

I can replicate what Nick sees. Updating the issue title either way to make it easier to find.

[Marc-pi]

When saving a post, I see a similar confirmation message as is displayed in the Site Editor.

• yep, my mistake, it is the same behavior (in site editor and update a post)
• the confirmation message is displayed in the straight opposite side, which is a non sense !!!
• the message box is very usefull because the most frequent subsequent action is to click on View Post, but you have to move the mouse to cross the whole screen and reach the msg box modal
• moreover, you have additionally to right click on "open to new tab" to see the change you made, otherwise you lose your page
  • Use Case : "i write my post, i want to see the final result / rendered content quickly, and be able to fine tune my content or fix some errors like spelling"

so you have 2 extra frictions !!!

[annezazu]

This matches what's been reported here: #19749 Mind if I close this out as a result?

[Marc-pi]

• yes, it explains my mistake : there is indeed a different behavior between publish and update, that's the right difference
• target blank missing
• confirmation is displayed in the opposite side (your eyes / mouse have to cross the screen to see the msg despite the action is on the opposite side) > not a good UX practice

i'll backport the points in the related post, to minimise the nr of tickets, so i close

[Marc-pi]

reopened, since here it deals with the confirmation box that is displayed at the opposite side of the screen than the publish button it is generated from. #19749 is related and also quite different

the (clickable) snackbar msg is not located in proximity to the button that generates it (see https://core.trac.wordpress.org/ticket/40822), which is not natural (UX)