Gutenberg 24.2 Release: New Meter and Progress Components

What is new in Gutenberg 24.2?

Gutenberg 24.2 has been released and is available for download, bringing updates to the block editor on a biweekly release schedule. According to the official release notes, this version moves collaboration notes into a dedicated margin beside the content canvas. You can now keep notes open while editing post settings, and navigation menu searches now work across categories, tags, and posts in a single step.

How do collaboration notes work in the editor canvas?

Earlier versions required you to close the Settings sidebar to view floating feedback threads, which restricted screen space. The new layout reserves a dedicated margin right next to the editing canvas for all open note threads.

• Threads shrink down to just the author avatar when the editing canvas gets narrower.
• Clicking any avatar expands that specific conversation back to full view.
• An Options menu submenu gives you direct controls to expand or minimize the note threads.

What UI components were added in Gutenberg 24.2?

As detailed in the GitHub release log, the update expands the component library with new interface elements for developers. These additions help standardize how data and states appear inside custom blocks and administrative screens.

The Meter and Progress elements

Two distinct display components join the UI library in this release. The new Meter component handles measurements within a known range, while the Progress component comes with full support for custom colors to display task completion rates.

SearchableSelectControl

Another addition is the SearchableSelectControl component, which improves dropdown usability in dense configuration panels. Developers building complex custom blocks can use this to let users filter large option lists quickly.

How do the new Interactivity API directives work?

The Interactivity API receives two important upgrades designed to make frontend scripting cleaner and more efficient. These updates build on existing reactive architecture without adding heavy external dependencies.

The data-wp-html directive

A new data-wp-html directive has been introduced to handle dynamic markup rendering safely on the client side. This allows interactive blocks to update inner HTML content reactively based on store state changes.

Reactive navigation lifecycle

The Interactivity API Router now includes a reactive navigation lifecycle along with an initiator API. This change gives theme builders better control over client-side page transitions and loading states.

What changes affect design tools and block support?

Design tools consistency efforts continue from version 24.1 with roughly eighty pull requests landing in this cycle. Gallery blocks gain duotone filtering options for all images alongside new sorting controls in the settings sidebar.

Dozens of core blocks—including Avatar, Button, Columns, and Media & Text—receive minimum width and height support. You will also find background image and gradient options added to list items and list blocks.

What do developers need to test before 7.2 Beta 1?

React 19 is now enabled by default in this release, making community feedback essential for identifying compatibility bugs before the WordPress 7.2 roadmap reaches its beta phase. Theme and plugin authors should test their scripts against this runtime environment immediately.

More than sixty bug fixes and various accessibility improvements also land in this version. Testing custom blocks against these updates ensures your layouts do not break when users adopt the latest editor features.

For sites running custom layouts or heavy theme modifications, keeping a staging environment updated is the safest way to catch CSS specificity changes. If you need help auditing your custom code, take a look at our WordPress Development Services to get expert eyes on your setup.

FAQ

What is new in Gutenberg 24.2?

The release features repositioned collaboration notes, gallery duotone support, new Meter and Progress UI components, Interactivity API additions, and enables React 19 by default.

How do the new Interactivity API directives work?

The new data-wp-html directive allows reactive rendering of HTML markup on the frontend, while the router update adds a lifecycle and initiator API for smoother client-side navigation.

What UI components were added in Gutenberg 24.2?

The core team added the Meter component, the Progress component with custom color support, and the SearchableSelectControl element for advanced block settings.

Next steps for your site

You can download the latest release from the official repository or test it via the plugin directory on a development site. Run through your custom block inventory to check how the React 19 default setting affects your scripts. If you prefer having professional developers handle your routine updates and compatibility checks, please get in touch through our Contact page.