Collaborative Editing Disconnection Modal - Consider improving copy / design #75845
Description
Description
I encountered this modal for the first time today. It's very loud, maybe that's necessary, but it does look noticeably different to other modals in the editor, especially the big icon and the centered buttons:
Even as someone who contributes and uses the block editor daily, I wasn't sure what to do.
I think the copy at the very least could be improved, possibly the design too. A lot of users won't know what a 'collaborative editing server' is, so I think the copy could be revised to target the general user rather than the technical one.
The modal could give clear instructions on what to do (e.g. "you can wait to see if this is a temporary issue, or copy your current changes and try reloading"). Also I noticed when I clicked 'Edit another post', the unsaved changes dialog popped up telling my changes are unsaved, even though I'm disconnected and can't save. The copy of that dialog could also be revised to be more appropriate for collaborative editing disconnections.
Step-by-step reproduction instructions
- Open the post editor
- Make some changes
- In the browser dev tools, switch your network to offline
- Observe the disconnection modal pops up
- Click 'Edit another post'
- See the unsaved changes dialog
Screenshots, screen recording, code snippet
No response
Environment info
No response
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
Please confirm which theme type you used for testing.
- Block
- Classic
- Hybrid (e.g. classic with theme.json)
- Not sure
