What’s new in Gutenberg? (31st October)

This week's release has a focus on the writing experience: reducing the visual weight of blocks, improving the behaviour of keyboard interactions, moving the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. toolbar to a docked position at the top of the interface, and several little tweaks to the design that cumulatively should have a significant effect on the editor feeling. It also includes the ability to convert a classic block (post) into several gutenblocks at will. This is a very big release so, please, help us test it!

1.6

• Move the block toolbar to the editor's top header. This experiment seeks to reduce the presence of UIUI User interface obscuring content.
• Alternate style for block boundaries and multi-selection. Also engages "edit" mode when using arrow keys (hides UI).
• Complete rework of arrow keys navigation between blocks—faster, clearer, and respects caret position while traversing text blocks.
• Added keyboard shortcuts to navigate regions. 
• Implement multi-selection mode using just arrow with shift keys and support horizontal arrows.
  
• Suggest a post format for additional blocks (embeds, gallery, audio, video) and expand on the heuristics to include case of one format-block at the top plus a paragraph of text below as valid.
• Allow converting a classic block (post) into several Gutenblocks.
  
• Several performance improvements
  • Avoid re-rendering all blocks on selection changes.
  • Add memoization for multi-select selectors.
  • Rework implementation of blockRef to avoid render cascade from block list.
  • Use flatMap when allocating the block list for rendering.
    
  • Reorganize logic to determine when a post can be saved to be less expensive.
  • Refactor handling of revisions to avoid loading them up-front, significantly reducing load time on long posts with many revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision..
  • Further memoization on selectors based on specific state keys.

Other Changes

• Render metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress.-boxes as part of the main column, not as a collapsible box.
• Improve handling of undo action stack by resetting only on setup. This makes undo a lot more usable in general.
• Changes to block inserter design positioning tabs at the top. (1.5.1)
• Remove multi-select buffer zone and throttle delay for a faster response.
• APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. for handling custom formats/tokens in Editable.
• Improve withApiData component to be able to serve cached data (if available) during an initial render.
• Show block toolbar in HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. mode for mobile.
• Update ShortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. block to use a textarea instead of single line input.
• Increase width of invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. block message.
• Avoid redirecting to GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ when saving on classic editor. (1.5.2)
• Don't show "edit as HTML" for the Code and Shortcode blocks.
• Refactor notices state reducer as array optimizing performance.
• Disable front-end styles for basic quote block.
• Reorganize the meta-boxes components for code clarity.
• Extract reusable PostSticky, PostFormat, PostPendingStatus, PostAuthor, PostTrash, PostExcerpt components.
• Resolve issue with having to tab twice on the toolbar due to focusReturn utility interfering with button tooltips. 
• Reset min-width of Tooltip component.
• Avoid function instantiation in render of WritingFlow component.
  
• Add the gutenberg_can_edit_post_type filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. for plugins to add or remove support for custom post types.
• Update headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. toolbar keyboard navigation to include undo and redo buttons.
• Don't show the classic editor dropdown on unsupported post types.
• Drop resizable-box in favor of re-resizable to use in the image block resize handlers.
• Correct placement of link-dialog after moving toolbar to the top.
• Adjust revisions logic to link to latest entry.
• Allow editable to accept aria attributes.
• Add generic focus effect to popovers.
• Remove unused focus prop from Button component.
• Remove coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. namespace from demo content.
• Enable iOSiOS The operating system used on iPhones and iPads. smooth scrolling within scroll containers.
• Make sure link menu appears above sibling inserter.
• Improve layout paneling for short-height viewports.
• Fix problem with multi-select not working again after a group of blocks has been moved.
• Fix problem with deleting a block in HTML mode.
• Fix issue with keyboard navigation entering textareas (non contentEditable) and losing caret position.
• Fix issue where clicking on an item within autocomplete would dismiss the popover and not select anything. 
• Fix visual issue with the document info popover. (1.5.2)
• Fix bug with deleting featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. on a post. 
• Fix error with removing a block placeholder.
• Fix problem with FF and meta-boxes.
• Fix issue with Classic Text description showing all the time.
• Fix issue with the color picker width.
• Fix quick inserter display of custom block icons.
• Fix missing node check when blurring a paragraph block.
• Fix mobile tools block menu positioning.
• Warn about misuses of z-index mappings.
• Make use of the "build stages" feature in the travis config file.
• Upgrade ESLint dependencies.
• Move test configuration files to test/unit.
• Add easy local environment setup and Cypress e2e tests.

#core-editor, #editor, #gutenberg, #gutenberg-new