Automattic / Automattic/block-experiments
Layout Grid: Mobile view is confusing
- Dominant language
- JavaScript
- Stars
- 131
- Forks
- 18
- PR merge metrics
- No merged PRs in 30d
Description
This might not be a bug, but I was confused by this so I thought I'd bring it up. So the Layout Grid block has a responsive layout switcher, where users can switch between desktop, tablet, and mobile. But if I switch to mobile and then select another block in the editor (on purpose or by accident), it's not clear how to go back to the desktop view, as the switcher is a part of Layout Grid settings.
One problem with this is that to access the settings, one has to select the Layout Grid (parent), not individual columns, which is hard, bordering on impossible in the mobile preview. The other thing is when the editor switched to the mobile preview I got the impression that I'm editing the whole page/post on mobile, which is not the case.
Here's a quick demo of the experience. I'm basically desperately clicking around, trying to select the Layout Grid block to access the responsive controls. In the end, I had to use the keyboard to navigate the block tree to get to the settings:

Not sure what the best solution would be tbh - maybe finding some more permanent way to let people know this is a mobile/tablet view triggered via Layout Grid block and easily accessible way to switch back to desktop view (even if the Layout Grid block is not selected)?
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.