What’s new in Gutenberg? (15th November)

This update should coincide with the last betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. release (5). As usual, plenty of fixes were addressed across the different areas. Some long-standing usability issues were improved around image uploads, permalinks, columns, video backgrounds, etc. It’s now also possible for plugins to remove coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. panels from the Document sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.

Help reviewing open PRs heading into RCrelease candidate One of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta). will be greatly appreciated!

More clear “is uploading media” state across blocks

4.4 / WordPress 5.0 (Beta 5) 🐚

  • Improves discoverability of permalinks by adding permalink panel to the document sidebar.
  • Improves margins, column child 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., and mobile display of columns.
  • Allow for programmatically removing editor document panels.
  • Replaces the uploading indicator of images and galleries with a spinner and faded out image.
  • Toolbar for floats was a little offset beyond the mobile breakpoint, now fixed.
  • Text and code editing blocks did not have width set, now set to fill the space.
  • Correctly align URL input autocomplete.
  • Improve animations: new, consistent naming convention, adds editor prefix, and moves keyframe animations (which don’t work well with mixins) into the edit post style.
  • Hover styles were showing on mobile, where hover is not available – now disabled.
  • Click and drag was incorrectly triggering a selection event in the block list under the popover, resulting in the popover dismissing. This was causing blocks to be selected when trying to set links to open in a new tab, for example. Fixed by preventing the mouse down event from propagating.
  • Adds some padding to the block inserter so that it never overlaps text in nested contexts or mobile views.
  • Better handle images larger than the editor by allowing a 2.5x buffer. Allows images inserted in TwentyNineteen and other themes that have a wider than 580px editor width, to look as expected, but prevents infinite resizing of images.
  • Stop mousedown event propagating through the toolbar, fixing problem of unexpectedly selecting blocks.
  • Improve the way that long words are broken on multiple lines, using word-break: keep-all;
  • Preserve the ratio of video backgrounds in cover blocks, videos may be cropped to fit but will keep their original ratio.
  • It was not possible to scroll a long menu on first load of 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/, fixed by removing sticky-menu.
Permalink can also be accessed in the Document sidebar

Bug Fixes

AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)

  • Keyboard navigation was not working as expected in Firefox, added extra key binding.
  • Adds missing alt values to images when editing.
  • Better communicate block nesting level by using unordered lists.
  • Fix sidebar icons being incorrectly announced in NVDA by adding a span with aria-hidden="true".
  • Fixes block toolbar aria label to announce “block tools toolbar” rather than “block toolbar (a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)).
  • Adjusts focus on media and text blocks to select the overall block, not the child paragraph block.

Performance

  • Refactors i18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill. module to replaces Jed with Tannin for significant performance improvements.
  • Replace getSelectedBlock and getMultiSelectedBlocks with more performant getSelectedBlockClientId and a getBlocks selectors in copy handler.
  • Replace getBlock selector in favor of the more performant getBlockName.
  • Replace getSelectedBlock with more performant getSelectedBlockClientId and new isBlockValid selectors in the BlockToolbar.
  • Replace getSelectedBlock with more performant getSelectedBlockClientId and new isBlockValid selectors in the Block Inspector.
  • Replaces getInserterItems with a new hasInserterItems selector which is more performant, and makes some adjustments to memorization.
  • Avoid using the getSelectedBlock selector in autocompleters.
  • Remove use of getBlock selector in the DefaultBlockAppender and EditorKeyboardShortcuts components.

Other Changes

Testing

Documentation

Mobile Apps

Deprecations removed with this version.

  • Current PRs for review: 40 in 4.5 Milestone (-41 from 4.4).
  • Open issues in 5.0 RC: 108 (-30) — This will be heavily triaged tomorrow based on what gets merged from current 4.5 open PRs.
  • Open issues in 5.0.0: 10 (+2)
  • Open issues in 5.0.1: 4
  • Open issues in 5.0.x (fast follow): 37 (+15)
  • Current beta: Beta 4, 12th November.
  • Current pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party: 4.4, released today.
  • Next Beta: Beta 5, to be released today.
  • Next release: 5.0 RC, planned for next Monday.

#gutenberg-new