Foundational work and initial UIUI User interface explorations to implement 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.-based widgets screen are on-going. In the meantime, the contributors worked on a number of 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 and improvements. All the bug-fixes will be included in the next 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. of WordPress 5.2.

5.4 🇬🇧

Features

• Add vertical alignment support for the columns block.
• Add playsinline support for the video block.

Enhancements

• Add the Media Library button to the gallery block appender.
• Improve appearance of the block hover state on colored backgrounds.
• Move the color and font size caption styles into theme styles.
• Replace the verse block icon.
• Standardize align and className attributes for dynamic blocks.
• Remove the title from mobile inserters.
• Capitalize button labels.
• Remove menu toggling on checkbox, radio buttons clicks.
• Make the invisible image resize handlers bigger.
• Improve the alt text field description.

Bug Fixes

• Improve the format boundary styles.
• Convert void blocks properly when converting or pasting content.
• Fix the ClipboardButton component behavior in Safari.
• Fix expanding the text selection when using shift + vertical arrows.
• Fix the alignment of the third-party block settings items.
• Fix invalid HTML in some more menu items.
• Fix JavaScript error in the columns block.
• Fix radio button appearance on small screens.
• Save line breaks in the preformatted block.
• Fix edge case in the is_gutenberg_page 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 function.
• Fix toolbar position in full size aligned blocks on small screens.
• Fix double scrollbar issue in Full Screen mode.
• 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 when downgrading to an old Gutenberg version.
• Fix the WordPress embed block resolution.
• Fix embedding links with trailing slashes.
• Fix the preloading apiFetch middleware when initialized empty.
• Fix php notice when using widgets without description.
• Better horizontal edge detection to fix the arrow key navigation in the table block.
• Fix error in API Fetch initialization.
• Fix unwanted margin in Column block.
• Fixes issue where emoji would be destroyed.

Documentation

• Document the block editor module.
• Add design documentation for the Panel component.
• Document webpack config extensibility.
• Clarify experimental and unstable API guidelines.
• Setup automatic API documentation for the data module.
• Improve the automatic API documentation tool.
• Enhance the components documentation:
  • FormFileUpload component.
  • MediaPlaceholder component.
  • Notice component.
  • TextControl component.
• Updates the blocks creation tutorial.
• Typos & tweaks: 1, 2, 3, 4, 5, 6, 7, 8, 9.

Various

• Implement a built-in static Gutenberg Playground.
• Override core block server-side code when using the plugin.
• Make the block editor module more reusable.
• Expose the lazy and Suspence ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. features in the element package.
• Avoid assuming persisted preferences state shape.
• Remove dead code from the calendar block renderer.
• Extract global CSS resets into reusable mixins.
• Replace image urls by base 64 encoded images in reusable CSSCSS Cascading Style Sheets. files.
• Add default empty implementation for the block types save function.
• Add a new data action to replace the inner blocks.
• Support parent data registry inheritance in the data module.
• Add extra props support for the Dashicon component.
• Add a BaseControl.VisualLabel component for purely visual labels.
• Refactor setupEditor effects to actions.
• Refactor the core/data store to be independent from the registry object.
• Remove componentWillMount usage from LatestPostEdit component.
• Add a generic e2e test for block transforms and work on its stability.
• Allow e2e test failures for php versions lower than 5.6.
• Add eslint rule to prevent incorrect truthy length property checks.
• Add eslint rule to prevent unsafe setTimeout usage in components.
• Run the local 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/ environment in debug mode.
• Disable debug mode in local e2e tests.
• Exclude test files while rebuilding packages.
• Make E2E tests resilient against transforms added by plugins.
• Add LGPL as an OSS license.

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.

👏 Kudos to all the contributors. Thank you.

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