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

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.

https://wordpress.org/gutenberg/

Other

9.99k stars 4.02k forks source link

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

Open Marc-pi opened 1 year ago

Marc-pi commented 1 year ago

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 commented 1 year ago

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.

save-behavior

annezazu commented 1 year ago

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

Marc-pi commented 1 year ago

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 commented 1 year ago

This matches what's been reported here: https://github.com/WordPress/gutenberg/issues/19749 Mind if I close this out as a result?

Marc-pi commented 1 year ago

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 commented 1 year ago

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)