What’s new in Gutenberg? (18 September)

More than 46 contributors participated in the 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/ 6.5 release. It’s the last release that is going to be entirely included in the upcoming WordPress 5.3.

This release comes with a huge number of features, improvements and bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes. Among these, the long asked for Social links 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..

It also adds support for local auto-saves to avoid content loss even in environments with unstable internet connections. Edits are saved locally, and a warning is displayed with the possibility to restore the local edits if available.

Several blocks have been updated with new features such as the support for border radius changes in the Button block and the possibility to add a caption to the Gallery block.

This release includes the possibility to install blocks that are not available locally directly from the block inserter if you have the required permissions. This feature is marked as experimental feature. A dedicated call for testing will be published soon.

6.5 🇳🇿

Features

• Add a new Social links block.
• Support border radius changes in the Button block.
• Support adding a caption to the Gallery block.
• Support local autosaves.

Enhancements

• Disable the click-through behavior in desktop.
• Update the labels width to fit their content.
• Avoid displaying console warnings when blocks are upgraded using deprecated versions.
• Reduce the padding around the in-between block inserter.
• Improve the design of the block movers.
• Align the Gallery block image controls with the block movers design.
• Remove child blocks from the block manager.
• Remove duplicated “Enable” label from the options panel.
• Use sentence case for all tooltips.
• Remove the forced gray scale from the categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. icons.
• Move the alignment controls to toolbar of the Heading block.
• Use the featured image frame in the Media modal.

Bug Fixes

• Update the Post Schedule label to correctly reflect the date and time display settings.
• Clean up the block toolbar position for wide full blocks.
• Fix the cropped focus indicator in the block inserter.
• Browser incompatibilities:
  • Fallback to setTimeout in RichText if no requestIdleCallback is not supported.
  • Block toolbar fixes for IE11.
  • Fix Backspace usage in RichText for IE11.
• Prevent clicking the next/previous month in the Post Schedule popover from closing it.
• Prevent the private posts from triggering the unsaved changes warnings after saving.
• Fix the usage of the useReducedMotion hook in Node.js context.
• 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):
  • Use darker form field borders.
  • Fix the modal escape key propagation.
  • Move focus back from the Modal to the More Menu when it was used to open the Modal.
• Trim leading and trailing whitespaces when inserting links.
• Prevent using the paragraph block when pasting unformatted text into RichText.
• Fix styling of classic block’s block controls.
• Fix the showing/hiding logic of the Group menu item in the block settings menu.
• Fix invalid HTML nesting of buttons.
• Fix React warning when using withFocusReturn Higher-order component.
• Fix lengthy content cuts in the Cover block.
• Disable multi-selection when resizing.
• Fix the permalink UI in RTL languages.
• Fix multiple issues related to the reusable blocks editing/previewing UIUI User interface.
• Remove 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. that unsets auto-draft titles.
• Fix the Move to trash button redirection.
• Prevent undo/redo history cleaning on autosaves.
• Add 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. support for title Content Blocks string.
• Add missing extra classnames to the Column block.
• Fix JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. error triggered when using a multi-line RichText.
• Fix RichText focus related issues.
• Fix undo levels inconsistencies.
• Fix multiple post meta fields edits.
• Fix selecting custom colors in RTL languages.

Experiments

• Add one-click search and install blocks from the block directory to the inserter.
• Refactor the Navigation block to be a dynamic block.
• Add a block navigator to the Navigation block.
• Only show the customizer block based widgets if the experimental widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. screen is enabled.

APIs

• Add a disableDropZone prop for MediaPlaceholder component.
• Add post autosave locking.
• PluginPrePublishPanel and PluginPostPublishPanel support icon prop and inherits from registerPlugin.
• Allow disabling the Post Status settings panel.
• Restore the keepPlaceholderOnFocus RichText prop.

Various

• Upgrade React and React DOM to 16.9.0.
• Add TypeScript JSDoc linting to the wordpress/url package.
• Run npm audit to fix the reported vulnerabilities.
• Switch the local environment to an environment based on the Core setup.
• Set a constant namespace for module sourcemaps.
• Refactor the loading animation to rely on the Animate component.
• Code improvements to block PHP files.
• Enable the duplicate style property linting rule.
• Update Husky & Lint-staged to the latest versions.
• Restore the usage of the latest npm version in CI.
• Add ESLint as peer dependency to eslint-plugin.
• Conditionally include the block styles functionality to avoid conflicts with CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress..
• Add missing deprecated setFocusedElement prop to the RichText component.
• Support generating assets in PHP format in the webpack dependency extraction 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.

Documentation

• Update the reviews and merging documentation.
• Fix type docs for the Notices package.
• Add a link to the fixtures tests document in the Testing Overview.
• Adds documentation for the onClose prop of MediaUpload.
• Tweaks and typos: 1, 2, 3, 4, 5, 6, 7, 8.

Performance Benchmark

The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Version	Loading Time	KeyPress event (typing)
Gutenberg 6.5.0	4.46s	54.43ms
Gutenberg 6.4.0	4.67s	53.30ms
Gutenberg 5.3 (WordPress 5.2)	6.16s	62.43ms

---

👏 Kudos to all the contributors. Thank you.

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