Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Explode Blocks, aka Show borders #10767

Closed
simbalion opened this issue Oct 18, 2018 · 4 comments
Closed

Explode Blocks, aka Show borders #10767

simbalion opened this issue Oct 18, 2018 · 4 comments
Labels
General Interface Parts of the UI which don't fall neatly under other labels. [Type] Enhancement A suggestion for improvement.

Comments

@simbalion
Copy link

simbalion commented Oct 18, 2018

Is your feature request related to a problem? Please describe.
The most frustrating issue I've found while using the Gutenberg editor is trying to select specific blocks. Especially when blocks are inside other blocks. The borders are invisible, and on some system it can be very difficult to mouse over the precise 1 pixel area necessary to access the tools or borders.

Keyboard navigation is sort of a work-around, but not ideal, not visual.

Describe the solution you'd like
An 'explode blocks' toggle. When clicked, all of the blocks gain a 1 or 2 em margin, and all of their borders and controls become visible.

Obviously this would interfere with WYSIWYG, but the issue I've described is so troublesome that it needs a solution. Being able to toggle this option, espcially with a shortcut, would speed up content editing and reduce frustrating mistakes such as accidentally deleting the wrong blocks.

@designsimply
Copy link
Member

Similar to your request, #10760 suggests adding shading to the space between columns as a potential solution for the same problem. Some recent updates have been made to the Columns block in #10541 which will be coming in version 4.1, but I am not sure if those updates completely address the problem you've described. There's certainly a balance to be made here. I am going to add the Needs Design Feedback label to try to get some explanation about the design decisions that have been made so far with regard to block borders and visibility.

@designsimply designsimply added the Needs Design Feedback Needs general design feedback. label Oct 22, 2018
@simbalion
Copy link
Author

simbalion commented Oct 22, 2018

Columns is not the only application, there is also placing image blocks inside paragraph blocks to in-line them.

In-lining images is one of the most common frustrating aspects of page design, which should be simplified by modern editors.

@jasmussen
Copy link
Contributor

If we reopen #9628, can we close this in favor of that? I agree it would be nice to explore a way to make it easier to select parent and nested blocks especially.

@karmatosed
Copy link
Member

@jasmussen I agree let's do that and reopen #9628.

@designsimply designsimply added [Type] Enhancement A suggestion for improvement. General Interface Parts of the UI which don't fall neatly under other labels. and removed Needs Design Feedback Needs general design feedback. labels Nov 26, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
General Interface Parts of the UI which don't fall neatly under other labels. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

4 participants