Skip to content
WordPress Core

What’s New in Gutenberg 22.9? Key Features & Updates (8 April)

Gutenberg 22.9 introduces background gradients in the Group block, an improved command palette, and real-time collaboration fixes. Discover the highlights.

What’s New in Gutenberg 22.9? Key Features & Updates (8 April)

The latest release of Gutenberg, version 22.9, continues to refine the WordPress block editor with several notable enhancements, experimental features, and bug fixes. With 131 pull requests merged and contributions from five first-time contributors, this release highlights the ongoing evolution of WordPress’ premier block editing experience.

Key Takeaways

  • Background gradients now work alongside background images in the Group block, improving design flexibility.
  • The experimental command palette gains history and contextual suggestions for streamlined workflows.
  • A new EmptyState component enhances consistency in UI design when no data is available.
  • Real-time collaboration receives stability improvements for multi-user editing sessions.
  • Hidden input fields are now supported in the experimental Forms block, addressing key use cases.

Background Gradients Enhance Group Block Design

One of the standout features in Gutenberg 22.9 is the addition of background gradient support in the Group block. The new background.gradient block support allows designers to layer gradients and background images seamlessly. This functionality is accessed via the Background panel, where the gradient picker operates independently from the existing color gradient controls. Block authors can leverage this feature to create richer, multidimensional background designs.

Beyond its immediate usability, this update sets the stage for migrating the older color.gradient property to background.gradient across all blocks. The migration will bring consistency to background styling, eventually enabling advanced features like clipping and text gradients.

Command Palette Gains History and Contextual Suggestions (Experimental)

The command palette, accessible via Cmd+K or Ctrl+K, introduces a new experimental feature that organizes actions into sections for recent commands and contextual suggestions. This enhancement aims to improve discoverability and reuse of editor actions, making workflows more intuitive.

To try this feature, go to WP-Admin > Gutenberg > Experiments and enable “Workflow Palette.” While still in its experimental phase, this update shows promise for power users aiming to streamline their editing experience.

Other Notable Highlights

EmptyState Component in wordpress/ui

The wordpress/ui package now includes an EmptyState component, designed to standardize how placeholder content is displayed when no data is available. This component supports flexible composition with sub-components for icons, titles, descriptions, and actions, paving the way for consistent UI patterns across WordPress interfaces.

Real-Time Collaboration Fixes

Stability improvements in real-time collaboration address several pain points for multi-user editing. Collaborative notes now sync correctly without requiring page refreshes, and error recovery mechanisms have been enhanced to prevent cascading failures during sessions. Users will notice smoother transitions when collaboration locks expire and fewer memory-related issues during extended collaborative efforts.

Forms Block Enhancements

The experimental Forms block now supports hidden input fields, marking an important milestone for more advanced applications. These fields can be configured in the Advanced panel, appearing as selectable placeholders in the editor while remaining invisible on the frontend.

What This Means for WordPress Users

Gutenberg 22.9 continues to refine the block editor experience with features that benefit both developers and end users. For block authors, the introduction of background gradients opens up new possibilities for design creativity, while the EmptyState component offers a solid foundation for consistent UI patterns across WordPress projects.

Site operators and editors experimenting with real-time collaboration will find the stability enhancements particularly useful, especially for teams working on shared content. Meanwhile, the experimental command palette improvements could become a game-changer for those who rely on keyboard shortcuts and streamlined workflows.

For developers exploring the Forms block, hidden input fields address practical use cases such as passing metadata or handling backend integrations. As these experiments mature, they signal WordPress’ commitment to expanding the editor’s capabilities.

Frequently Asked Questions

What is the background gradient feature?

Background gradients allow you to layer gradient effects alongside background images in the Group block, enabling richer design options.

How can I enable the experimental command palette?

Go to WP-Admin > Gutenberg > Experiments and enable “Workflow Palette” to access the command palette’s new features.

What improvements have been made to real-time collaboration?

Real-time collaboration now synchronizes notes correctly, improves stability, and resolves errors that previously caused session interruptions.

What is the EmptyState component?

The EmptyState component standardizes how placeholder content is displayed in WordPress interfaces when no data is available.

Related News