Gutenberg: New feature: Using Block Guide Outlines to get a different view of the page layout.

Created on 15 May 2020  路  4Comments  路  Source: WordPress/gutenberg

Is your feature request related to a problem? Please describe.
In the new G2 interface it is harder to figure out the outlines of the various blocks.
It was easier before G2 as the outlines were visible when a block was selected.
(One can go to Tools (top toolbar) then select the Select icon and see the selected block outline.)

Screen Shot 2020-05-15 at 15 07 28

Describe the solution you'd like
The more complex layouts get for instance using columns, groups and other blocks it would be very useful to be able to turn on a general outline of all the blocks on the page. Similar to how EditorsKit uses the "Block Guide Lines".

Screen Shot 2020-05-15 at 15 09 55

I made a wireframe for how this could be added to Gutenberg. The one downside I see is that this View area can be crowded.

Block-overview

General Interface Needs Design Feedback [Type] Enhancement

Most helpful comment

The real problem to solve here (and something we should stay focused on in regards to this issue) is that it is very difficult to select parent blocks.

All 4 comments

It would be interesting if it could be provoked via holding down a key or something - instead of a view you have to keep toggling on/off. Seems more of an "in the moment" thing.

The real problem to solve here (and something we should stay focused on in regards to this issue) is that it is very difficult to select parent blocks.

Here is a link to discussion during the Gutenberg Design Triage.

I am linking in this issue:
"Surface keyboard shortcuts when modifier keys are held"
https://github.com/WordPress/gutenberg/issues/13688

The real problem to solve here (and something we should stay focused on in regards to this issue) is that it is very difficult to select parent blocks.

Potential solutions to that particular problem:

  • Button to select parent from current block: #21056
  • Persistent block navigator: #22113
  • Improvements to the Select tool: #22508, #22614

It's worth noting that #22508 in particular is very similar to the ideas proposed by this issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

aaronjorbin picture aaronjorbin  路  3Comments

franz-josef-kaiser picture franz-josef-kaiser  路  3Comments

pfefferle picture pfefferle  路  3Comments

aduth picture aduth  路  3Comments

jasmussen picture jasmussen  路  3Comments