Phase 2 Scope & Features

[youknowriad]

The following, initially outlined here, is an overview of the major functionality to be introduced in Phase 2 to help visualize the progress in terms of product scope. There’s a lot of unknown unknowns at the moment so this is a living document that will evolve and adapt over time.

💡 Focuses

Blocks beyond the Editor

• Integration of the block editor to the Widgets screen [Widget-block Screen in wp-admin #13204]
• Integration of the block editor to the Customizer [Widget-blocks in the Customizer #13205]
• Integration of the Navigation block to the Menu screen [Try a fixed toolbar in the navigation page #21340]

Navigation block

• Integration of the blocks editor to the Menu Screen [Navigation block in wp-admin #13206]
• Drag and drop iterations [Navigation: Implement drag and drop for reordering navigation block links #19703]
• Enter key not to add line break [Navigation Block: Enter key shouldn't add line break in menu item #18208]
• Default orientation and existing menus [Iterate placeholder state for navigation block #20853]
• Submenus [Navigation menu block: dissapearing submenus is disorienting  #20807, Navigation block submenus inaccessible on IE #21136]
• Block Navigator [Navigation menu block: allow editing of new menu items from the block inspector UI #20748, [ Navigation block ] Remove the block navigator in the sidebar #20846, Try a toolbar for the block navigator #21372]

Block Style System [#20331]

Refer to the link provided above.

Block Patterns

• Next steps on Inserter [Next Steps on the Inserter #21080]
• Create patterns to populate the library [Block patterns: create patterns to start populating the library #20345]

Full Site Editing [#24551]

Refer to the link provided above.

💎 Tightening Up

• Improvements for the Latest Post Block [Iterations on "Latest Posts" Block #1594] [[ Latest Posts ] Iterations to version 2 #20046]
• Server-side registration [Block API: Server-side awareness of block types #2751]
• Reordering Gallery Items, including support for Drag&Drop [Gallery Block: reordering images, including support for Drag&Drop #743]
• Better undo: Fixing any undo traps ["Undo trap": Avoid getting stuck in an editing state #8119] and fixing "misplaced" carets
• Accessible Autocomplete component to use instead of unbounded requests [Post author dropdown: add accessible search with debounced api request #7384]

✨ New Features

• Add better variations for Separator block [Add better variations for Separator block #16483]
• New block: Add an Icons block [Add an Icons block #16484]
• New block: Title block [Add Block: Title #11553]
• Responsive layouts and grids[Try: Editor Grid #4314, Responsive View Controls in Gutenberg #13203, Block-specific responsive controls #13363]
• Simple block + simple block = complex block (combining blocks by drag n drop to form more
  complex existing blocks) [Drag blocks into other blocks to create patterns and layouts #13202]
  • Drag an image over another to create a Gallery [Images: Support for drag-and-drop multiple images onto image block #9783]

✅ Done

• Add the UI for a Block Pattern Library and initial block patterns [Block Patterns: Add ability for predefined block layouts to be added to a document #17335]
• Menu Navigation Block [Add Block: Navigation #1466] -> new [Add block: Navigation menu #13690]
• Widget-block interface integration
  • Classic Widget Block [Allow WP Widgets to be added as blocks #4770]
  • Reusable BlockEditor component that can be embedded in several screens [Try a generic block editor module #13088]
• Widgets 2 Blocks:
  • RSS block [Add Block: RSS #1799]
  • Search block [Add Block: Search #1800]
  • Calendar block [Add Block: Calendar #1462]
  • Tag Cloud block [Add Block: Tag Cloud #1801]
• Block Management UI [Block Management: Add the possibility to hide/show blocks from the inserter #14139]
• Group block [Add Block: Section #4900]
• Accessibility navigation mode [Support Navigation and Edit Mode #16500]
• Animations and Motion [Implement a block reordering animation #16065]
• Introduce the Snackbar notices [Try using snackbar notices instead of prominent ones for saving/failure notices #15594]
• Improvements to existing blocks:
  • Cover block [Focal Point Picker #10925]
  • Cover block with nested elements [Add nested blocks inside cover block #13822]
  • Support for Headers and Footers in the Table block [Add table block header and footer toggles #15409]
  • Support text alignments in the Table block [Table block: Text alignment (none, left, center, right) #15823]
  • Support changing the Separator block color [add color support to separator block #16784]
  • Support nested blocks in the Cover block [Add nested blocks inside cover block #13822]
  • Support target blank in the Button block [Button block - option to 'Open in new window' #8000]
  • Support text color in the Heading block [Add color options to heading block. #15625]
  • Support reordering gallery images inline [Block gallery: add support for image reordering #14768]
  • Support custom widths for Column blocks [Block Library: Add width attribute for resizable Column blocks #15499].
  • Support showing the post content and excerpt in the Latest Posts block [Latest Post Block (Post Content Support) iteration  #14627]
  • Simplify Button Block Styles Simplify Button Block Styles #16481
  • Button Block and Multiple Buttons Button Block and Multiple Buttons #16480
  • Add support for gradients in Button blocks Add support for gradients in Button blocks #16482
  • Resizing columns in the column block [Block Library: Columns: Force 50% column width at mid-range viewport #20597] [Block Library: Columns: Fix equal column growth for unassigned-width columns #20169]
• Continual work on performance [Performance: Improve the initial loading time and the feeling fo smoothness while typing in blocks. #11782]
• Improvements to Media Interactions [Update: Image Block: Change image by drag & drop an image from the desktop #14983]
• Improvements to the nested block selection [Selecting Parent Blocks: Try clickthrough #15537][Enhance the tools for selecting child/parent blocks #9628]
• Improve Keyboard Interactions (list shortcuts, tabbing..) [Keyboard shortcuts for list items are missing  #9611, Steps to make keyboard navigation usable #11581 ...]
• Improvements to Media Interactions Make the "change an image" flow clearer #11952
• Better style variations and theme integration API [Continuation of Block Style Variations #7551]
• Tip improvements [Implement welcome guide modal #18041]
• Microinteractions [Add some unified micro-interactions #8029]

[nicholasio]

For the idea of themes registering content areas, Themes already do something similar using "sidebars" it looks like it might be worth seeing how this notion of content area can be used to rework Widgets/Sidebars into something more generic like content areas while maintaining backward compatibility.

[mapk]

I organized the focuses to explicitly reflect the project post of 2019 mentioned above. Also moved the previous research items up since research is an actionable item.

[glingener]

No explicit plans for Resizing columns in the column block yet?

[youknowriad]

@CGlingener If this is something that interest you, feel free to join our meetings, claim it and explore it to figure out more explicit plans. Thanks.

[michaelswengel]

Any plans to add block indentation? Indenting subparagraphs is an important feature.

[swissspidy]

@michaelswengel Feel free to create a new issue for that to describe your use case there.

[michaelswengel]

@swissspidy Already done. :) #14554

[karmatosed]

I added in user facing/tools as section with some recent issues made.

[mrfatguy]

Is there any priority roadmap for bugs in Gutenberg development? Is there any general idea of resolving bugs before introducing new features?

I see a lot of discussions around here about new features or how to ease Gutenberg user's lives... Yet, still no resolution on something as stupid (and in the same time affecting millions) as adding spaces when pasting text (#16172).

To paraphrase the "Upcoming Projects & Roadmap" document: Gutenberg is already in use by millions of sites through WordPress... and yet millions of editors of that millions of sites is still forced to delete two spaces, stupidly added in the beginning and end of each pasted text.

How long do we have to wait before a bug that affects general usage of Gutenberg is resolved?

[paaljoachim]

Should this issue be updated?

[youknowriad]

I think we should close this issue for now, as we have different "overview" issues for the different projects of phase2 with better organization and that are easier to follow.

[annezazu]

For good measure since there are a lot of posts that link to this issue and many of the above linked issues are closed, here are some of those current overview issues:

• Site Editing Milestones: Site Editing Milestones #24551
• Block based Widgets Editor: Widgets Editor Tracking Issue #24687
• Block based Navigation Editor: Navigation Editor Tracking Issue #29102
• Navigation Block: Navigation Block Tracking Issue #27593
• Block Styles (Global Styles, same as linked above): Block Styles Breakdown #20331

Hopefully this helps anyone who finds this issue linked in other places :)

[youknowriad]

Thanks @annezazu that's very helpful :)