Call for testing: DataForm editor inspector

The “Post” (or “Page”) tab of the editor’s Settings 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. is being rebuilt on top of DataForm, the same form that Quick Edit uses in the Site Editor. It’s available as a 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/ experiment and it’s ready for testing, mostly by 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. developers whose code extends that part of the editor. If you’re a site owner using plugins that add things there, there is a flow for you too.

What is it?

With the “Editor Inspector: Use DataForm” experiment on, in 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. editor the classic summary panels of the post inspector (featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts., excerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox., status, date, author, template, etc.) are replaced by a DataForm, for every post type that uses the block editor. The settings follow what each post type supports.

The same form definition is also used to build the Quick Edit interface in the Site Editor.

This is part of consolidating Quick Edit and the editor inspector and we’re aiming to stabilize it for WordPress 7.2. What we’d love help with most though is what plugins add on top.

Why the change?

For users, a cohesive experience: the inspector in the post editor and Quick Edit in the Site Editor show the same information and should look and behave the same, instead of drifting apart.

Quick Edit interface

For developers, APIs that work across both screens: controlling which settings show (this is one example, and it’s possible today with the view config 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.), and adding your own fields through the fields APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways., so they show up in the inspector and in Quick Edit (#61084, #74865). The fields API is aimed for 7.2.

How to test

Install Gutenberg 24.0 or newer on a test site and turn on “Editor Inspector: Use DataForm” under Settings > Gutenberg. Then open a post and compare the Post tab with the experiment on and off. It’s always better to test in trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision. because it’s the most current version, but Gutenberg 24.0 is acceptable.

Note: Gutenberg trunk needs WordPress 7.0 or later, the 24.0 release also works on 6.9. Either way, please mention which version you tested.

If you develop a plugin, your own dev environment with Gutenberg installed is all you need.

For a quick look without setting anything up there is WordPress Playground, with the experiment already on: Gutenberg 24.0, trunk or the PRs for editor.MediaUpload and editor.PostFeaturedImage (more on those below). To test your own plugin there, install it from the Plugins screen as usual, or upload its zip.

What to expect

  • PluginDocumentSettingPanelPluginPrePublishPanelPluginPostPublishPanelPluginSidebarPluginPostStatusInfo fills and removeEditorPanel keep working.
  • The PluginPostExcerpt slot is not ported. It’s a deprecated API and we’re considering not adding it at all, so whatever you render there should move to a PluginDocumentSettingPanel.
  • The editor.PostFeaturedImage filter doesn’t work yet. There is a PR (#83133) which adds it, though not in Quick Edit. Anything targeting the classic panels’ CSSCSS Cascading Style Sheets. class names or markup won’t be ported.
  • The featured image picker doesn’t go through the editor.MediaUpload filter yet. There is an exploratory PR which adds that, but it’s on hold for now (see why).

Anything you need in the inspector can go in a PluginDocumentSettingPanel until the fields API lands.

Hiding a default setting or changing where its label sits is already possible with the server side view config filter, get_entity_view_config_posttype_post for posts (see docs). There is an example in this GitHub issue.

Suggested testing flows

You don’t have to follow these exactly, they’re mostly here to give you ideas.

What your plugin adds to the inspector

Open a post with your plugin active. Is everything you add to or change in the Post tab (panels, fills, filters, styles, scripts) still there, and does it still work?

Your custom post types

If you register post types that use the block editor, open one of them. You should only see the settings the post type supports (for example no excerpt setting without excerpt support). Please report anything missing or extra there.

Other user roles

Log in as an editor, author or contributor and open a post. The settings should match what the role can do, like in the classic inspector (an author doesn’t get the Author setting, for example), and saving should still work. Some known issues have already be fixed in trunk (#82844, #82857, #82858).

The editor.MediaUpload and editor.PostFeaturedImage filters

The featured image picker doesn’t go through the editor.MediaUpload filter yet. If your plugin replaces the media picker through editor.MediaUpload, you should test against this PR that adds it. You can try it in Playground or with the PR applied, both in the post editor and in Quick Edit in the Site Editor, and share what you find on the PR.

The same goes for editor.PostFeaturedImage: this PR adds it (not in Quick Edit), and you can try it in Playground too.

Site owners

You don’t need to be a developer for this one. If you use plugins that add things to the Post or Page tab (SEO or social fields, custom panels, that kind of thing), enable the experiment on a test site or in Playground and check they are still there. If something is missing, please share the plugin name and version, and a screenshot with the experiment on and off.

Sharing your feedback

Comments on this post are fine, but the best place is the GitHub issue for this call for testing. Share what you extend, what changed, and whether you can adapt on your side or need something from Gutenberg. “Checked X, nothing changed” is useful too. Feedback about the inspector itself (layout, labels, missing controls) is welcome on the tracking issue, where the open design questions are discussed.

There is no deadline, but the sooner the better, since this is aimed for 7.2.

Out of scope

The goal here is compatibility, what happens to the things plugins add to the inspector. A few things are handled separately:

  • Block editing, taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. panels and metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes. The experiment doesn’t touch them.
  • Some design questions are still open, like which settings should be regular fields instead of panels, or the Reset button of the Date setting, which isn’t there for now and may come back in a follow up. These live in the tracking issue.

Thanks in advance for testing! Props to @mcsf for reviewing this post.

#core-editor #gutenberg

What’s new in Gutenberg 24.0? (16 September)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s new in
Gutenberg 24.0?

Gutenberg 24.0 has been released and is available for download!

This version extends visual revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. to include the post title, gives the Gallery 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. a grid layout with per-breakpoint controls, and lets a site title scale to the width it is given.

Visual revisions now cover the post title

Visual revisions have been growing over the last few releases, and until now the post title sat outside them. In 24.0, the title participates like any other piece of content, including displaying change diffs directly in the post title (#82536, #82586).

Seeing it in the same view as body changes removes the need to guess when a rename happened.

The Gallery block gains a Grid variation that can be switched on from the block inspector, replacing the default non-editable flex layout with a fully customizable grid (#81909).

“Column count” and “Crop images to fit” can now also be set per breakpoint through viewport states. A gallery can show four columns on a wide screen and two on a tablet without any custom CSSCSS Cascading Style Sheets. (#82003).

Site titles that fill their available space

The Site Title block now supports fit-text (#82074). Toggle it on from the ellipsis menu in the typography panel and the title scales to the full width available to it, rather than being sized in points and left to wrap or fall short.

Other notable highlights

  • A redrawn icon set. Nearly 100 icons have been redrawn from a mix of filled and outlined shapes into a single, consistently stroke-based visual language (78812, 78808, 82338).
  • Tab indents lists. In the List block, Tab and Shift+Tab now indent and outdent a fully selected list item, and work across a multi-item selection instead of only at the caret (82460, 82411).
  • Background images from a URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. Background image support can now accept an image URL, rather than requiring an entry in the Media Library (82230).
  • Non-breaking spaces are visible. The format library now visualizes non-breaking spaces, so a character that silently changes wrapping is no longer invisible while editing (74040).

Changelog

Enhancements

Components

  • Add defaultShown, onShownChange to ToolsPanelItem. (78010)
  • Border Box Control: Try moving the unlink button to the label row, and rename the panel to Borders. (82163)
  • Breadcrumb: Add UIUI User interface component. (80425)
  • DataForm: Add a showPlaceholderIfEmpty option to the panel layout. (82527)
  • DataForm: Communicate the timezone in the datetime control. (82291)
  • Editor: Migrate post-card-panel Badge to UI Badge. (82500)
  • Global Styles UI: Migrate revisions Active Badge to UI Badge. (82560)
  • Icons: Redraw 35 prominent icons with consistent stroke widths. (78808)
  • Icons: Redraw 64 icons to be stroke-based. (78812)
  • Menu: Stabilize portaled iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. unit testunit test Code written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression.. (82092)
  • Menu: Support multiple item descriptions. (81825)
  • Menu: Use Text for item labels and descriptions. (82237)
  • SearchableSelect: Add form primitive to wordpress/ui. (80961)
  • Storybook: Persist 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. theme in URL. (82111)
  • Support isAny and isNone 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. operators for numeric fields. (77942)
  • Tab Panel: Show focus with outline instead of legacy box-shadow ring. (82421)
  • Text: Use pretty wrapping by default. (82133)
  • Theme: Build default ramps before token artifacts. (82525)
  • Theme: Reduce repeated color ramp search work. (82545)
  • UI: Add CheckboxControl. (82213)
  • UI: Add Combobox and Autocomplete Status. (82195)
  • UI: Add popupWidth prop to item popup components. (82087)
  • UI: Add Radio form primitive. (82214)
  • UI: Align overlay Trigger props with Base UI. (81824)
  • UI: Put overflow on Select.List instead of a nested wrapper. (82470)
  • UI: Rename Popup popupWidth prop to width. (82193)
  • UI: Reset completed calendar ranges by default. (82612)
  • UI: Support custom targets on Link and Menu.LinkItem. (82347)
  • UI: Use root theme for portaled overlays. (82038)
  • Validated form controls: Use design token for invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. focus rings. (82410)

Block Library

  • Math: Declare clientNavigation interactivity support. (82248)
  • Allow themes to override the padding added via background color. (82024)
  • Audio: Update autoplay help text for clarity. (69978)
  • Enable Gallery columns and crop controls in viewport states. (82003)
  • Icons: Convert Search icon to strokes. (82338)
  • List: Indent and outdent a fully selected list item with Tab. (82460)
  • List: Indent and outdent multi-selected items with Tab. (82411)
  • Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop: Rename the “Keyword” filter to “Search terms” and add help text. (82387)
  • Query: Replace the “Reload full page enabled” modal with a snackbar notice. (82246)
  • Site title: Add fit-text support. (82074)
  • Try adding a Grid block variation to Gallery. (81909)
  • Update navigation link block name, use a default variation for custom link. (82375)
  • Use ‘useEntityProp’ in Site Title and Tagline blocks. (82518)
  • Video block: Switch to UI Badge. (82441)
  • feat: Introduce ‘Add Media’ in the block controls for media-text block. (82420)

Post Editor

  • Autocompleters: Consider email address context in user mention. (47249)
  • CSS Styling: Represent focus with outline for list view component. (82129)
  • DataViews: Append an ellipsis to action labels that open a dialog. (81994)
  • Editor: Refactor the Options menu to use the Menu component. (81564)
  • Editor: Refactor the View menu to use the Menu component. (82321)
  • Editor: Render change diffs in the post title in revisions. (82586)
  • Editor: Show revision data in Post Title component. (82536)
  • Media: Attach unattached media to the current post on save/publish. (81977)
  • Menu: Align selection indicators and prefix icons with item labels. (82346)
  • Post slug: Prefer server sanitization in the editor. (78135)
  • Try: Add “reading settings” link to Front Page template. (81987)

Site Editor

  • Add New Template: Show the design system focus ring instead of legacy box-shadow rings. (82164)
  • Add a root error boundary to prevent a blank screen. (82486)
  • Site editor v2: Identity takes its form from the view configuration endpoint. (82692)
  • Site editor v2: Navigation takes view configuration from endpoint. (82138)
  • Site editor v2: Pages take view configuration from endpoint. (82140)
  • Site editor v2: Patterns take view configuration from endpoint. (82458)
  • Site editor v2: Template parts take view configuration from endpoint. (82457)
  • Site editor v2: Templates take view configuration from endpoint. (82456)
  • Site editor v2: Use the canonical template fields in the templates list. (82666)
  • Site editor v2: Use the canonical wp_block fields in the patterns list. (82672)

Block Editor

  • Background image: Support setting the image from a URL. (82230)
  • BlockPreview: Assert preview contents are inert. (82682)
  • Format library: Visualise non-breaking spaces. (74040)
  • List View: Disable block icon colors while the block is selected. (82498)
  • Show the block outline where the grab cursor shows. (81798)
  • Tab trap escape hatch: Leave/enter the canvas with Escape/Enter. (82314)

Dashboard

  • Site Health 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.: Route the body’s review link through the host. (82066)
  • Widget Dashboard: Add a Policy provider to govern what users may do. (81967)
  • Widget Dashboard: Enforce the policy on the staging layer for every instance operation. (82256)
  • Widget Dashboard: Govern Reset to default through the policy. (82255)

APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. fetch

  • Add unregister to remove a registered middleware. (82408)
  • Expose defaultFetchHandler so overrides can restore it. (82553)
  • api-fetch: Resolve to null for a 200 response with an empty body. (79325)

Media

  • Media Editor: Refactor the panel layout. (81840)
  • Media Fields: Pass the field’s disabled state to the textarea controls. (82516)
  • Media editor: Lock the editing tools while a save is running. (82417)

Widgets Editor

  • Widgets: Surface debugging details in the ErrorBoundary. (82099)
  • Widgets: Use the layout icon for widget areas. (82025)

Fields

  • Migrate page-title Badge to UI Badge. (82499)

Data Layer

  • Privacy policy page badge: Make it visible in Site Editor > Pages and Editor Inspector. (82422)

Widget Dashboard

  • Make the column count a host decision. (82204)

Grid

  • Per-item tile size limits. (81899)

Bug Fixes

  • CI: Do not immediately fail the type label check on a newly opened pull request. (82322)
  • Fix LocationPicker popover alignment. (82090)

Components

  • BorderBoxControl: Make sure the group of controls is associated with the label. (82279)
  • DataForm: Render untyped fields without an edit control that are read-only. (82514)
  • DataForm: Treat combined form fields purely as layout containers. (82175)
  • DataViews: Fix Field.sort TypeScript type definition. (82162)
  • DataViews: Restrict the isAll filter operator to array fields. (82463)
  • DataViews: Scope the search field’s fixed width to the default UI search row. (82128)
  • DataViews: Skip table columns for field ids without a field definition. (82601)
  • Disabled: Keep the consumer className when isDisabled is false. (82648)
  • Fieldset: Fix gap token to match spec. (75479)
  • Fix: Alert dialog box cancel button color. (82261)
  • FormTokenField: Wrap to the last suggestion when pressing ArrowUp with nothing selected. (82646)
  • Inserter: Keep the block preview inside the viewport. (82060)
  • Keep foreign items out of a ToolsPanel menu. (82127)
  • Searchable selects: Hide creatable footer when it is filtered out. (82566)
  • Snackbar: Restart timeout when a notice is recreated. (81764)
  • Theme: Enforce active fill contrast. (82542)
  • Theme: Make chroma capacity caching deterministic. (82505)
  • Theme: Remove chroma capacity cache. (82591)
  • ToggleGroupControl: Honor the root disabled prop. (82259)
  • UI, DataViews: Give input and selection controls solid backgrounds. (82391)
  • UI: Fix Link target detection. (82447)
  • UI: Fix Menu.LinkItem target detection. (82442)
  • UI: Fix Minimal Select popup width. (82461)
  • UI: Fix enabled input placeholder contrast. (82304)
  • UI: Hide Input field ring when a slot control is focused. (82257)
  • UI: Keep borderless InputLayout chrome when disabled. (82468)
  • UI: Keep focus rings visible in overlay content. (82443)
  • UI: Name unlabeled form primitive stories. (82311)
  • UI: Re-read the native validity on blur in ControlWithError. (82376)
  • UI: Remove ValidityIndicator outer margin. (82267)

Block Library

  • Accordion Panel: Reset padding-block when panel is hidden. (81782)
  • Fix categories block handling of invalid taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies.. (82153)
  • Fix: Footnote IDs can start with a digit and break CSS selectors. (82398)
  • Fix: Tabs block: Anchor links in tab panels are not functional. (81744)
  • Gallery block: Fix ‘Crop images to fit’ broken in editor. (82318)
  • Gallery: Shorten “Use images attached to the post” button, add description. (82617)
  • Image block cropping: Sync image size and link destination settings. (82316)
  • List: Merge into the previous line on Backspace instead of outdenting. (82145)
  • List: Outdent an empty middle item without adding an item. (82011)
  • Navigation: Restore flex-grow on container when accessible label is present. (78447)
  • Query Loop: Fall back to post when the query has no postType. (82465)
  • Query: Don’t write excludeCurrent into blocks that never had it. (82147)

Block Editor

  • Columns: Fix appender drop zone visibility when dragging into empty column. (77852)
  • DOM: Exclude visibility-hidden elements from focusable results. (82574)
  • Fix auto-capitalization after Enter on iOSiOS The operating system used on iPhones and iPads. Safari. (82475)
  • Fix editor link colour cascade order for nested blocks. (77833)
  • Fix: Responsive horizontal orientation does not override a vertical layout. (82364)
  • Fix: Retain focus and caret position after Backspace undo of a prefix block transform. (82116)
  • List View: Don’t focus the last Table cell on keyboard activation. (81964)
  • Rich text: Restore contenteditable on pointercancel. (82598)
  • Writing Flow: Bail out of Enter handling when no block is selected. (82424)

Post Editor

  • Editor: Deprecate the as prop of the 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. menu item components. (82319)
  • Editor: Derive post-only block list layout from the assigned template. (82599)
  • Editor: Store the finalize response as the attachment record. (81947)
  • Fields: Hide the slug field for posts without a permalink. (82341)
  • Media: Refuse a multi-file drop on a placeholder that takes one file. (82046)
  • Media: Stop claiming “Upload complete” when every upload failed. (81397)
  • MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. Boxes: Move meta box markup with moveBefore to keep classic editors alive. (82243)
  • Post URL: Translate the copy permalink button label. (82642)

wp-build

  • Build Package: Restore CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Boot layout compatibility. (82112)
  • Build: Allow wp-theme 2.x peer deps. (82139)
  • Build: Fix regular CSS injection in Vitest Browser Mode. (82154)
  • Pages: Require authentication and a capabilitycapability capability is permission to perform one or more types of task. Checking if a user has a capability is performed by the current_user_can function. Each user of a WordPress site might have some permissions but not others, depending on their role. For example, users who have the Author role usually have permission to edit their own posts (the “edit_posts” capability), but not permission to edit other users’ posts (the “edit_others_posts” capability). to render generated standalone pages. (82254)

Data Layer

  • Core Data: Return a stable record for equivalent _fields queries. (82552)
  • Core Data: Scope revisionId to the entity it is provided for. (82517)
  • DataViews: Clamp page after delete. (82244)

Client Side Media

  • Media: Keep indexed PNG sub-sizes indexed. (81884)
  • Media: Only blame the browser’s codecs when HEIC really cannot be decoded. (82265)
  • Media: Report server upload failures in plain language. (81735)

Site Editor

  • Boot, Site Editor: Seed content surfaces with default background color. (81646)
  • Fields: Remove unused custom sort from the author fields. (82559)

Global Styles

  • Global styles engine: Return a copy from getResolvedValue instead of mutating. (82278)
  • Resolve theme-relative background image URLs for display. (82242)

Env

  • wp-env: Fix Docker build errors with Debian Bullseye repositories. (82478)

Layout

  • Fix: Restore layout styles for block style variations. (82335)

Format library

  • Fix Edit as HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. crash with background-only highlight. (82215)

Views

  • useViewConfig: Don’t request the view configuration twice. (82141)

Dashboard

  • Widget Dashboard: Keep the plain anchor for an empty-string download. (82073)

Font Library

  • Keep CSS custom properties unquoted in font previews. (82010)

Fields

  • Fix pattern export filenames by normalizing special characters. (77033)

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)

  • Workflow: Replace cmdk with the wordpress/ui Autocomplete primitive. (82504)

Components

  • Match the wordpress/ui disabled styles in form controls. (82454)
  • ProgressBar: Respect reduced motion preferences. (82490)

Connectors screen

  • Fix help paragraph color contrast ratio in the Connectors page. (82378)

Guidelines

  • Fix: Content Guidelines: UXUX User experience/UI Accessibility issues. (80306)

Post Editor

  • Standardize ‘Back’ and ‘Go back’ labels. (79211)

Performance

  • Tests: Skip pull requests that only change Storybook stories. (82459)

Themes

  • Theme JSONJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.: Avoid rebuilding identical block schemas during sanitization. (82203)

Components

  • Cut the ToolsPanel render cascade. (82180)

Style States

  • Block Supports: Bail early in state styles when a block has no style attribute. (81908)

Block Editor

  • Rich text: Resolve owned event listeners once instead of per subscriber. (80605)

Experiments

  • Editor assets endpoint: Prime the theme JSON resolver before capturing. (82134)

Post Editor

  • ExtensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software. site editor: Add a revisions entry point to the Styles route. (82142)
  • Media Modal Experiment: Allow filtering by attached to the post, or unattached. (81974)

Block Library

  • Remove the form blocks experiment. (82451)

Block Editor

  • Block Fields Media: Handle ‘audio’ in chooseItemLabel. (82389)

Site Editor

  • Extensible site editor: Fall back to the raw title in edit route document titles. (82143)
  • Extensible Site Editor: Let menu items be added from the navigation screen. (82125)

Documentation

  • API Fetch: Rename defaultFetchHandler parameter to options. (82588)
  • Add recommended bulk suppressions configuration for ESLint VSCode. (82303)
  • Components: Add an Emotion-to-SCSS migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. skill and guide. (82567)
  • DataViews: Add hierarchical levels story. (82344)
  • DataViews: Document that table column styles do not apply to the primary column. (82238)
  • DataViews: Remove the rich text options from the control configuration type. (82330)
  • Docs: Document isolated worktree setup. (82524)
  • Docs: Explain when the Cover block’s overlay controls appear. (82234)
  • Docs: Fix grammar in documentation. (82032)
  • Docs: Improve setAttributes updater function wording. (82405)
  • Docs: Update Playground CLICLI Command Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress. wording. (77579)
  • Document every type for DataViews/DataForm/Field API. (82326)
  • Fix spelling typos in documentation and inline comments. (82217)
  • Menu: Correct alignment documentation and changelog. (82455)
  • Packages: Add cross-version compatibility skill. (81890)
  • Popover storybook: Add infotip with link example. (82653)
  • Remove invalid references to Babel in packages README. (82176)
  • Storybook: Demonstrate light, dark, and nested themes. (82039)
  • Theme: Clarify color seed and warning guarantees. (82526)
  • Theme: Move post-release changelog entry to Unreleased. (82093)
  • UI: Add Form best practices Storybook page. (82197)
  • Update Style Engine block supports documentation. (82585)

Code Quality

  • CI: Pin npm version in the private API check job. (82222)
  • CodeRabbit: Disable the review status comment. (82534)
  • CodeRabbit: Only review on request, keep PR descriptions untouched. (82448)
  • Docs: Align param tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) columns in lib/ docblocks. (81902)
  • Docs: Align param tag columns in phpunit/ docblocks. (81904)
  • Docs: Remove the blank line between param and return in test docblocks. (81907)
  • Packages: Exclude src from block-serialization-default-parser package. (77307)
  • Performance tests: Reuse the plugin an earlier trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision. run already built. (82223)
  • Replace npm-run-all with native npm script chaining. (82166)
  • Reusable Blocks: Remove leftover merge conflictconflict A conflict occurs when a patch changes code that was modified after the patch was created. These patches are considered stale, and will require a refresh of the changes before it can be applied, or the conflicts will need to be resolved. markers from the changelog. (82126)
  • list-reusable-blocks: Exclude src from published files. (77305)

Components

  • Add compound component composition diagnostics. (82509)
  • Adminadmin (and super admin) UI: Exclude src from published files and sideEffects. (77285)
  • Block editor, Components: Stop relying on Disabled class name. (82651)
  • DataViews layout storybook: Action names and primary status. (82104)
  • DataViews: Declare dependencies imported by the ./wp bundle. (81843)
  • Icons: Remove the obsolete forced colors mode hack. (82481)
  • Migrate remaining JSX files to TypeScript. (82132)
  • Theme, Widget dashboard: Declare the @storybook/addon-docs dependency. (82676)
  • Theme: Migrate Terrazzo modes to resolvers. (82537)
  • UI: Drop Status and Empty live region test assertions. (82300)
  • UI: Remove ESLint ref suppressions and refactor AlertDialog state. (82131)
  • UI: Remove unused outset-ring–focus-within-visible class. (82077)
  • UI: Test Calendar raw-offset timezones directly. (82658)
  • UI: Validate compound component context. (82510)

Block Editor

  • CSS Styling: Cleanup focus outline override for grid component. (82337)
  • Migrate __experimentalText and __experimentalHeading to wordpress/ui Text in Inspector Popover HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes.. (77449)
  • Migrate __experimentalText to wordpress/ui Text in Allowed Blocks Modal. (78119)
  • Migrate __experimentalText to wordpress/ui Text in Block switcher bindings hint. (77366)
  • Migrate __experimentalText to wordpress/ui Text in Pattern Overrides Dropdown. (77492)
  • Span the writing flow focus capture elements over the canvas. (82354)
  • TypeScript: Migrate format-library package to TS. (79486)

Post Editor

  • Block Editor: Remove the dead Write/Design editor tool plumbing. (82677)
  • Editor: Apply the showListViewByDefault preference in the shared editor. (82119)
  • Editor: Fix disabled and link items of the more menu adapter. (82428)
  • Editor: Mark __unstableSaveForPreview options as optional. (81858)
  • Editor: Merge duplicate “Enhancements” changelog sections. (82533)
  • Make @wordpress/reusable-blocks a no-op compatibility package. (79186)

Block Library

  • Docs: Remove invalid @return tag from the block_core_social_link_get_services hook docblockdocblock (phpdoc, xref, inline docs). (82488)
  • List: Simplify indent code & keep client ID. (59216)
  • Navigation: Change WCText to Text. (82130)
  • Remove the content-only inspector fields (block fields) experiment. (82531)

Data Layer

  • Core Data: Convert hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. tests to renderHook and drop JSX. (82276)
  • Remove the template activation experiment. (82241)
  • Validate tsconfig references against declared dependencies. (82106)
  • feat: Improve TypeScript definitions in the getEntityRecord function. (81863)

Fields

  • Declare the caption, alt text, description and pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” status controls through the Field API. (82539)
  • Remove unused CSS rule from slug field control. (77961)

Widgets Editor

  • Edit Widgets: Guard canInsertBlockInWidgetArea against an empty block list. (82107)
  • Widgets: Replace {TODO} placeholder with PR number in changelog entries. (82450)

REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/

  • Templates REST API: Prevent fatal error when a null template reaches prepare_item_for_response. (82374)
  • View Config: Move the table column style descriptions to the 7.2 compat layer. (82372)

Create Block

  • Test package at supported Node.js versions. (82657)

Site Editor

  • View config: Remove stale fields from the wp_template default view. (82602)

Global Styles

  • Remove the color randomizer experiment. (82452)

Server Side Render

  • Tests: Fix Vitest setup and stale jest types under non-hoisting installs. (82290)

Url

  • Test: Fix unit test failures on trunk. (82201)

Blocks

  • Make BlockTransform a discriminated union over its type. (81831)

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)

  • Exclude src from published package files. (77309)

Keycodes

  • Exclude src from published files. (77306)

Escape HTML

  • Exclude src from published package files. (77304)

Deprecated

  • Packages: Exclude src from deprecated published package. (77303)

DOM ready

  • Exclude src from published package files. (77302)

Blob

  • Exclude src from published package files. (77289)

Autop

  • Packages: Exclude src from autop published package. (77283)

Tools

  • Point to docmumentation about release assets. (82250)
  • Project Management: Add validation for missing GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ labels configuration. (76263)
  • Project Management: Remove empty entries from CODEOWNERS. (82292)
  • Project Management: Restore CODEOWNERS exclusions for suppression lists. (82538)
  • Project Management: Update CODEOWNERS to reflect current participation. (82262)
  • Update changelog instructions for agents. (82097)

Testing

  • Add more end-to-end tests for the editor inspector consolidation experiment. (82239)
  • Add more end-to-end tests for the editor inspector consolidation experiment. (82327)
  • Add promptfoo for testing agent development setup and skills. (80812)
  • Add the template end-to-end tests for the editor inspector consolidation experiment. (82394)
  • Automated Testing: Enforce .tsx for all new ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org files. (80123)
  • Automated Testing: Fix failing categories test on trunk. (82182)
  • Automated Testing: Fix unit test compatibility with Node.js v26. (82618)
  • CI: Add “Required changes from trunk” PR check. (82272)
  • CI: Add a per-workflow status check job and filter paths. (81015)
  • CI: Unify the automation comments into a single PR comment. (82249)
  • DataViews: Remove obsolete Node 20 timezone test gate. (82644)
  • DateTime tests: Freeze the clock in the empty-value calendar test. (82282)
  • e2e-test-utils-playwright: Update Lighthouse and web-vitals. (81916)
  • E2E: Run the site editor suite against the extensible site editor too. (82117)
  • Fix privacy policy page setting unit test on multisitemultisite Used to describe a WordPress installation with a network of multiple blogs, grouped by sites. This installation type has shared users tables, and creates separate database tables for each blog (wp_posts becomes wp_0_posts). See also network, blog, site. (82467)
  • Jest: Update to 30.5.0. (82181)
  • Media Utils: Preserve arrays in multipart form data. (82353)
  • Packages: Replace stale jest types with the Vitest test environment. (82605)
  • Performance tests: Build once and shard the suites across parallel CI jobs. (82160)
  • Scaffold end-to-end tests for the editor inspector consolidation experiment. (82178)
  • Stylelint tools: Resolve test configuration extends from the workspace. (82336)
  • Tabs: Remove core’s duplicate render_block_context filter. (82610)
  • Test: Drop the jest-dom Vitest entry point from test files. (82606)
  • Test: Enforce 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 test runner ownership. (82299)
  • Test: Migrate Node unit tests to Vitest. (82211)
  • Test: Migrate deterministic JSDOM tests and harden Vitest isolation. (82212)
  • Test: Prepare TypeScript test graphs for Vitest. (82210)
  • Test: Root the Vitest browser project where its dependencies are declared. (82699)
  • Test: Update Vitest to version 5. (82687)
  • Update Playwright to 1.63.0. (82654)

Build Tooling

  • Add browserslist configuration for build targeting. (82179)
  • Build Scripts: Suggest –verbose when a type check fails. (82604)
  • Build: Enforce NodeNext resolution for ESM packages. (82088)
  • Build: Require explicit JSX file extensions. (82189)
  • Bump vite from 8.2.1 to 8.2.2. (82668)
  • Bundled packages: Add a check for transitive private API usage. (82027)
  • CI: Collapse package CHANGELOG check exclusions into a single grep pattern. (82121)
  • CI: Read the required npm version from a single source. (82235)
  • Change stray ubuntu-latest to ubuntu-24.04. (82156)
  • Fix the high-severityseverity The seriousness of the ticket in the eyes of the reporter. Generally, severity is a judgment of how bad a bug is, while priority is its relationship to other bugs. sharp audit failure in AI development tests. (82627)
  • Framework: Error on npm versions older than the required floor. (82320)
  • Framework: Update @types/node to v24. (82616)
  • Framework: Update Node.js to v24 LTS and npm to v11. (80395, 82355, 82370)
  • Package lock: Deduplicate Jest dependencies. (82187)
  • Packages: Recover August 26 npm release metadata. (82085)
  • Release: Make npm publication verification resumable. (82089)
  • Release: Map [Type] Flaky Test to the Tools changelog section. (82078)
  • Release: Use the CLI Node.js version for all package publishing. (82122)
  • Storybook: Drop unused support for js-as-jsx. (82192)
  • Storybook: Include stories in docgen TypeScript project. (82694)
  • Test: Classify and enforce unit test environments by filename. (80991)
  • Test: Enforce Vitest conventions and CI guardrails. (81040)
  • Test: Update SWC dependencies. (82660)
  • Theme: Add LightningCSS WPDS token fallback plugin. (80401)
  • Theme: Add bin-specific tsconfig with nodenext module resolution. (82622)
  • Theme: Use Node.js native type-stripping for scripts. (82680)
  • Update Actions and Octokit dependencies. (82663)
  • Update Stylelint to v17 and related packages. (80738)

ESLint plugin

  • ESLint: Thin use-recommended-components tests. (82407)
  • Remove usage of Babel parser. (82144)

Data Layer

  • Build: Normalize JSX file extensions. (80990)
  • Remove unused dependencies across the monorepo. (82103)

Components

  • UI: Add Field.VisualLabel. (82095)

Block Library

  • Docs: Align param tag columns in packages/ docblocks. (81903)

Security

WP Scripts

  • Build/Test Tools: Replace npx with npm exec –no. (82331)

First-time contributors

The following PRs were merged by first-time contributors:

  • @0xDI: Navigation: Restore flex-grow on container when accessible label is present. (78447)
  • @antwonw: Media Utils: Preserve arrays in multipart form data. (82353)
  • @dmallory42: DataForm: Render untyped fields without an edit control that are read-only. (82514)
  • @Jiwoon-Kim: Fix: Restore layout styles for block style variations. (82335)
  • @Joseph-Mutua: Docs: Update Playground CLI wording. (77579)
  • @MicahelE: api-fetch: Resolve to null for a 200 response with an empty body. (79325)
  • @shameemreza: Pages: Require authentication and a capability to render generated standalone pages. (82254)
  • @wprashed: DataViews: Fix Field.sort TypeScript type definition. (82162)

Contributors

The following contributors merged PRs in this release:

@0xDI @aaronrobertshaw @adamsilverstein @adimoldovan @aduth @afercia @ahirpravin @andrewserong @antwonw @ciampo @coderGtm @desrosj @dilipom13 @dinhtungdu @dmallory42 @ellatrix @hbhalodia @himanshupathak95 @i-am-chitti @im3dabasia @Infinite-Null @jasmussen @jeryj @Jiwoon-Kim @jorgefilipecosta @Joseph-Mutua @jsnajdr @karthikeya-io @Kgupta62 @Mamaduka @manzoorwanijk @marekdedic @maxschmeling @mcsf @MicahelE @mikeybinns @mirka @mreishus @mukeshpanchal27 @Mustafabharmal @Nikschavan @ntsekouras @oandregal @R1shabh-Gupta @ramonjd @retrofox @SainathPoojary @sanketio @saranshsinhaa @sarthaknagoshe2002 @scruffian @shail-mehta @shameemreza @simison @sirreal @swissspidy @t-hamano @talldan @tellthemachines @tyxla @widoz @wprashed @yashjawale @youknowriad

Props

Special thanks to @im3dabasia and @ralucastn for the review.

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

What’s new in Gutenberg 23.9? (2 September)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s new in
Gutenberg 23.9?

Gutenberg 23.9 has been released and is available for download!

This version of Gutenberg brings some big quality-of-life editing improvements around 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. insertion and custom styling.

Stop searching for the inserter

Finding the inserter was challenging on some block selections. Now, you can insert from the block toolbar. Easily add a new block to a group or another image to your gallery without having to change selection or scroll to find the inserter. Be on the lookout for more improvements to the block inserter in upcoming releases.

Easily find custom style overrides

Global Styles now makes it easy to see which blocks have custom overrides applied to them. Rather than drilling through each block to find which ones have custom styles, a dot indicator is on each block with a custom style. If you want to see all of the customized blocks together, there’s an option to 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. only by blocks with custom styles.

Other Notable Highlights

  • Axial block gap for the group block. Flex and grid layouts can now have independent vertical and horizontal block gap spacing so you can dial in your design. (81476)
  • Style <label> elements from theme.json (81160)
  • Global Styles for more elements: Citations, Inputs, and Selects were all available in theme.json, but now you can use Global Styles to easily customize them. (80852)
  • Add custom Duotone colors to Global Styles. theme.json could provide duotone palettes, but you couldn’t add custom ones via Global Styles. Now, if you don’t like the theme’s provided duotones, add your own via the new Duotone tab in the Global Styles Colors section. (81605)

Changelog

Enhancements

Components

  • Adminadmin (and super admin) UIUI User interface: Add Navigation component and Page navigation slot. (79746)
  • Align legacy form control focus rings with WPDS. (80417)
  • Base Styles: Align input-control mixin to design system. (81357)
  • Base styles: Streamline focus ring override. (81242)
  • Calendar: Support custom root roles. (81443)
  • CollapsibleCard: Support multiple headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. descriptions. (81227)
  • DataViews: Pass the WordPress localeLocale A locale is a combination of language and regional dialect. Usually locales correspond to countries, as is the case with Portuguese (Portugal) and Portuguese (Brazil). Other examples of locales include Canadian English and U.S. English. to the date/datetime calendar controls. (81592)
  • Global Styles: Allow editing duotone palettes. (81605)
  • Menu: Add UI component. (79560)
  • RadioControl: Allow individual options to be disabled. (82026)
  • SearchableChipSelect: Add grouped items support. (80989)
  • SearchableChipSelectControl: Add form control to @wordpress/ui. (80980)
  • Theme: Add color warning diagnostics workbench. (81817)
  • UI: Accept locale codes in Calendar components. (81814)
  • UI: Add Spinner component. (81358)
  • UI: Add TextareaControl component. (81359)
  • UI: Add tooltips to Calendar and RangeCalendar navigation buttons. (81983)
  • UI: Align Calendar styling with WPDS tokens. (81438)
  • UI: Collapse item-popup item sizing to default and small. (81354)
  • UI: Expose keyboard shortcut presentation utilities. (81826)
  • UI: Set Calendar text direction automatically. (81982)
  • UI: Use the default neutral border for Cards (81746)

Block Library

  • Add transform to Row for Columns block. (81802)
  • Enable axial gap for Group and restrict to flex and grid layouts. (81476)
  • Global Styles: Register as label element. (81160)
  • List: Add Align Support. (68002)
  • More block: Clarify description about excerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox. vs full content. (80619)
  • Playlist Track: Show upload spinner inline. (81445)
  • Playlist: Add bulk track metadata editing. (81441)
  • Query No Results: Add Border & Spacing Support. (64601)
  • Tabs: Make inactive panel content findable in page. (81743)

Post Editor

  • Command Palette: Add View post command. (66720)
  • Command Palette: Allow commands to override the categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. icon. (81787)
  • Editor: Defer hierarchical term filtering and soften announcements. (81422)
  • Editor: Migrate hierarchical term selector to @wordpress/ui. (81848)
  • Editor: Refactor ‘ErrorBoundary’ to use the new recommended components. (81638)
  • Editor: Simplify List View 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. shortcut handling. (81693)
  • Editor: Surface debugging details in the ErrorBoundary. (81642)
  • Editor: Use PluginSidebar in GlobalStylesSidebar. (81570)
  • Pre-publish panel: Remove the headings that repeat the panel title. (81806)

Block Editor

  • Add an inserter to the parent selector. (81532)
  • Global Styles: Expose additional elements in Typography and Colors. (80852)
  • Patterns explorer: Refactor the category sidebar to use Tabs. (81807)
  • Quick Inserter: Standardize the design of the Browse all button. (81827)
  • Writing flow: Select next block on Enter key. (63484)
  • Inbetween Inserter: Use average width of adjacent blocks for inserter size. (68074)

Dashboard

  • Dashboard Widgets: Let the host decide which component renders an action link. (81740)
  • Dashboard Widgets: Promote high-relevance actions into a chrome footer. (81556)
  • Dashboard Widgets: Resolve 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. types without a metadata module. (81738)

Fields

  • Export the package stylesheet. (81769)

DataViews

  • DataViews: Add an aspect ratio toggle for grid layouts. (81604)

Collaboration

  • Add __unstable_wp_sync_storage filter for pluggable storage backends. (81697)

Site Editor

  • Update template section description. (81613)

Global Styles

  • Filter and indicate blocks that have custom styles. (81373)

Font Library

  • Add skeleton loader for the font preview images. (81047)

Bug Fixes

Components

  • InputControl: Hide the value-like placeholder Safari renders in empty date and time inputs in ui and components packages. (81991)
  • Admin UI: Fix the primary color of the Fresh admin color scheme. (81618)
  • BoxControl: Update the opposite side when ALT is held on the left or right input. (81530)
  • Button: Fix alignment in loading spinner for rtl screens. (81901)
  • DataForm: Fix the datetime control sending two updates per calendar interaction. (81440)
  • DataForm: Make the panel layout edit button the real field trigger. (80689)
  • DataViews: Fix date and datetime controls selecting the adjacent day. (81498)
  • DataViews: Fix invisible sticky Actions column divider. (82055)
  • DataViews: Sync the displayed calendar month with external value changes. (81635)
  • Duotone Picker: Stop the duotone bar offering to move its control points. (81850)
  • Fix Storybook 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) issues in stories. (81777)
  • Improve text detection for button icon-with-text. (81521)
  • InputControl: Vertically center date and time input values in Safari. (81361)
  • Menu: Close non-modal menus on iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. interaction. (81952)
  • Modal: Stop Escape key propagation on dismiss. (81785)
  • PaletteEdit: Expose palette swatches as command buttons. (82023)
  • Storybook: Handle production module load failures. (81867)
  • Theme: Improve color ramp contrast safeguards. (81185)
  • UI: Fix accessibility issues in form primitives and their stories. (81853)

Block Library

  • Accordion Heading: Route theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. spacing to the toggle button. (81976)
  • Dynamic Gallery block: Skip transforms that expect inner blocks, e.g. Image and Grid transforms. (82009)
  • Enable blockGap spacing supports in Query loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop block. (79689)
  • Fix MediaPlaceholder drag eligibility. (81431)
  • Fix playlist track toolbar insertion. (81639)
  • Fix: Accordion: Anchored hash inside the accordion throws the malformed URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org console error. (81780)
  • Fix: Skip empty block markup in navigation to prevent split UL elements. (78793)
  • Fix: Term Description block skips display filters inside Terms Query. (81290)
  • Icon: Fix margin being applied twice in the editor. (81292)
  • Inner Blocks: Fix 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. that caused alignment controls to show in Image blocks within a Gallery. (81606)
  • Pattern: Disable visibility support. (81866)
  • Playlist Track: Improve track upload error flows. (81878)
  • Post Template: Fix mover arrows and labels for blocks inside the grid view. (81120)
  • Preserve layout and style attributes on Column transform. (81855)
  • Rename the media editor toolbar button to ‘Edit image’. (81705)

Post Editor

  • Add context to change “revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. code diff”. (81820)
  • Editor: Correctly mark ToolsMoreMenuGroup as a private SlotFill. (81503)
  • Editor: Fix start page/template modal footer overflowing the modal width. (82021)
  • Editor: Register the editor keyboard shortcuts from the provider. (81580)
  • Fix: Post Editor: 403 on /wp/v2/settings at boot for users without manage_options cap. (81813)
  • Fix: Post Editor: Canvas animates from the left when switching mobile/tablet preview to desktop. (81484)
  • List View: Make focus on mount opt in. (81659)
  • Notes: Keep the note actions menu in view for long display names. (81414)
  • Notes: Stop forcing capitalization of user names. (81788)

Block Editor

  • Block Editor: Don’t close inserter panel when inline quick inserter opens. (76241)
  • Border Panel: Fix incorrect panel label. (78830)
  • Dimensions: Fix aspect ratio and scale controls not reflecting external updates. (80747)
  • Fix parent inserter toolbar button alignment when text labels is enabled. (81608)
  • Fix viewport state values set by grid resizer. (81601)
  • Fix: Delete key on empty heading transforms following paragraph into heading. (78779)
  • Global Styles: Keep storing shadow presets as CSSCSS Cascading Style Sheets. variables when custom presets exist. (81346)
  • Hide layout panel when no controls are available. (81968)
  • RichText: Use the current record when handling Enter. (81696)

Global Styles

  • Close the revisions screen on the first back click. (81897)
  • Color Palette panel: Remove empty whitespace when there are no theme colors. (81894)
  • Fix: Responsive styles: When enabled and a font-size is set, the corresponding CSS variable remains undefined. (81854)
  • Group shadow editor rows as items. (81871)

URL

  • Clamp the truncated file name slice in filterURLForDisplay. (81529)
  • Fix: getQueryArgs discards everything after the second = in a query argument value. (81066)
  • Fix: URL: normalizePath drops the rest of the query after a second “?”. (81612)
  • Stop normalizePath throwing on a malformed percent sequence. (81086)

Data Layer

  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Data: Stop storing NaN pagination totals for unpaginated endpoints. (82059)
  • Core Data: Validate the parsed-blocks cache against registered block types. (81809)

Env

  • Fall back to cached docker images when the registry is unreachable. (81631)
  • Update git to latest commit when --update passed. (81447)

Boot

  • Restore centered snackbar notices. (81995)

Element

  • Serialize memo-wrapped components instead of an empty string. (81986)

Collaboration

  • RTC: Disable collaboration for post types without custom fields. (81946)
  • RTC: Add fallback identities when user profiles are unavailable. (81408)
  • RTC: Fix hidden cursor in Details block. (81322)

wp-build

  • Build Package: Use Core’s boot module when a 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. has none. (81761)

Font Library

  • Fix the preview weight for variable fonts. (81748)

Media

  • Fix clipped focus outlines in the media editor Details sidebar. (81703)

Site Editor

  • Use inverted ThemeProvider seed for portaled UI. (81653)

DOM

  • Treat a caret at a soft line wrap as an ambiguous position in Firefox. (81003)

Media Utils

  • Prevent white screen crash during undo operations when Media Modal is open. (79898)

Parsing

  • Fix: Line Break Tags Added to Scripts and Styles. (77542)

Paste

  • Fix: Stop stripping spaces inside inline HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. elements on paste. (76696)

Accessibility

Post Editor

  • Editor: Announce publish date changes to screen readers. (81629)
  • Make Back button grid column flexible. (81701)

Block Editor

  • Block Styles: Refactor the variation UI to use ui/Button. (81833)

Block Library

  • Playlist: Add aria-label to prevent placeholder as label. (81654)
  • Playlist: Update playlist track placeholder to match aria label. (81762)

Media

  • Media editor: Keep initial modal focus on the dialog frame. (81541)

Performance

Post Editor

  • Editor: Speed up the hierarchical term selector for large taxonomies. (81376)
  • Editor: Stop :has() selectors recalculating the whole document on every block selection. (81471)

Global Styles

  • Try caching gutenberg_get_global_styles. (81889)

Components

  • Theme: Avoid root-level relational selectors. (81457)

Experiments

Site Editor

  • Boot: Contain a surface failure to that surface. (81622)
  • Boot: Do not offer to edit a trashed entity. (81632)
  • Boot: Let the editor canvas navigate between entity records. (81590)
  • Boot: Mount the registered plugins. (81754)
  • Boot: Preview the site where the canvas has nothing to open. (81749)
  • Boot: Sync the editor’s device preview with the URL. (81617)
  • Boot: Translate the canvas click-to-edit label. (81620)
  • Boot: Warn before leaving with unsaved changes. (81625)
  • Edit Site Init: Seed the editor preferences the editor expects. (81628)
  • ExtensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software. Site Editor: Add a theme preview page with global styles editing. (81954)
  • Extensible Site Editor: Add the Identity route. (81576)
  • Extensible Site Editor: Preview the site on Home for classic themes. (81578)
  • Extensible Site Editor: Show only the style book on Styles for classic themes. (81579)
  • Extensible Site Editor: Gate theme screens on theme support. (81581)
  • Lazy Editor: Keep the theme’s editor styles on the canvas. (81747)
  • Lazy Editor: Render the editor preferences modal. (81630)
  • Pattern List: Import a pattern from JSON. (81919)
  • Site editor v2: Fix block error with navigation-edit route. (82051)
  • Site editor v2: Fix template part list pagination and sorting. (82054)

Media

  • Media Editor Route: Override media edit links to point to the new experimental media editor. (81559)
  • Media Editor Route: Make the route look like it’s part of the media menu in the sidebar. (81565)
  • Media Editor Route: Try adding undo/redo and save/cancel actions to the header. (81563)

Post Editor

  • Editor: Offer the theme export from both site editors. (81992)
  • Editor: Set the width an entity opens at from the editor provider. (81750)

Dashboard

  • Quick draft: Replace Button+Link with LinkButton. (82031)
  • Dashboard: Add a Site Health detail page as the dashboard’s second route. (81729)

Documentation

  • Add Gutenberg version details for WordPress 7.1. (81600)
  • Adds JSdoc for audio block’s edit.js. (68865)
  • Adds JSdoc for avatar block’s edit.js. (68867)
  • Adds JSdoc for column and columns block’s edit.js. (68873)
  • Adds README for inspector-controls-tabs component. (69072)
  • BlockEditVisuallyButton: Update Developer Documentation. (68987)
  • Components: Update the combobox changes to be part of breaking change. (81923)
  • Design System: Add portable agent skills. (80597)
  • Docs: Add Background image control Readme. (69409)
  • Docs: Add Block Editing Mode Readme. (69411)
  • Docs: Fix broken link to the Document-Isolation-Policy explainer. (81790)
  • Docs: Fix broken link to the getEntityRecords selector reference. (81791)
  • Docs: Fix broken links to the Block APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. reference guides. (81571)
  • Docs: Fix broken skip ahead anchor on the custom block editor guide. (81835)
  • Docs: Fix dead link in the dynamic blocks tutorial. (81399)
  • Docs: Narrow the tsconfig split guidance to the standard layout. (81828)
  • Docs: Require site editor features to land in the extensible site editor too. (81752)
  • Fix Broken Links in Package file. (81700)
  • Fix broken documentation link in accessibility.md file. (81832)
  • PHPCSPHP Code Sniffer PHP Code Sniffer, a popular tool for analyzing code quality. The WordPress Coding Standards rely on PHPCS.: Refactor parameter type hints and clean comments. (81898)
  • Schemas: Document what the theme.json schema checks. (81773)
  • Storybook: Add Story for InnerBlocks. (68651)
  • Storybook: Add Story for BlockPopover. (68681)
  • Storybook: Add Story for URLPopup component. (68449)
  • Storybook: Fix default background color for Example Application theme story. (81765)
  • Storybook: Upgrade to 10.5. (80692)
  • UI: Add initial agents guidance mapping to contributing guidelines. (81400)
  • UI: Mark Autocomplete, Field, and Fieldset as recommended. (80636)
  • UI: Mark Input-related components as recommended. (81658)
  • UI: Move controlled prop guidance to contributing documentation. (82044)
  • Update coding guidelines to recommend TypeScript. (81763)
  • Update save & submit documentation. (81077)
  • Update broken links in document files. (81961)

Code Quality

  • Docs: Align param tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) columns in test/ docblocks. (81905)

Components

  • BorderControl, BorderBoxControl: Migrate styles to CSS Modules. (80437)
  • ComboboxControl: Narrow onChange callback type to string | null. (81568)
  • DataViews: Use Menu from @wordpress/ui. (81783)
  • DataViews: Vendor ValidatedComboboxControl. (81449)
  • DataViews: Vendor ValidatedFormTokenField. (81451)
  • DataViews: Vendor ValidatedToggleControl. (81492)
  • DataViews: Vendor ValidatedToggleGroupControl. (81450)
  • Fix DataViews list layout color token usage. (81074)
  • Migrate ComboboxControl to SCSS module. (80471)
  • Migrate DropdownContentWrapper to SCSS module. (81522)
  • Migrate GradientPicker, ColorPalette to SCSS module. (80473)
  • Migrate ProgressBar styles from Emotion to SCSS module. (80512)
  • Migrate ResizableBox to SCSS module. (81792)
  • Migrate Scrollable to SCSS module. (80694)
  • Migrate StyledLabel to SCSS module. (80001)
  • Migrate ZStack styles from Emotion to SCSS module. (80514)
  • Migrate BoxControl to SCSS module. (80715)
  • Migrate TextareaControl to SCSS module. (81353)
  • Storybook: Add missing @types/jest devDependency. (82017)
  • Storybook: Keep Vitest story scanning independent of the Vite root. (82020)
  • Theme: Rename ThemeProvider wrapper CSS class from root to wrapper. (81996)
  • Theme: Update Terrazzo packages to 2.7.1. (81978)
  • TypeScript: Bring the remaining route projects under the typecheck run. (81847)
  • UI: Add ControlWithError component. (81574)
  • UI: Add ValidatedInputControl component. (81627)
  • UI: Add ValidatedTextArea control. (81984)
  • UI: Update Base UI to 1.7.0. (81390)
  • Update Ariakit packages (0.4.35 => 0.4.37). (81080)
  • Update Terrazzo packages to 2.5.0. (81082)

Block Library

  • Block API: Address review feedback on block keyboard shortcuts. (81621)
  • Block API: Declare block keyboard shortcuts on variations and transforms. (81588)
  • Stop saving Table of Contents output. (80404)
  • Tabs: Number generated tab IDs from 1 and keep them sequential. (81781)
  • Playlist: Remove block toolbar sharing between parent and child blocks. (81432)
  • Update waveform player dependency patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing.. (81454)

Post Editor

  • ActionItem: Move the more menu deduplication out of the Slot. (81507)
  • Block Editor: Never spotlight blocks in a preview. (81615)
  • Editor: Remove FlexItem usage from NoteCard. (81851)
  • Use WCInputControl alias for legacy InputControl imports. (81830)
  • Use WCTextareaControl alias for legacy TextareaControl imports. (81834)

Data Layer

  • Core Data: Allow keyless entities to be addressed without a record ID. (81857)
  • TypeScript: Drop redundant undefined casts for keyless entity record IDs. (82018)
  • Update is-plain-object to 5.1.0. (81926)

Block Editor

  • Add translator context to pseudo-state labels. (81770)
  • Remove leftover files. (81793)
  • refactor: Convert createColorHOC to functional component. (70408)

Dashboard

  • Dashboard widgets & Grid: Use kebab-case for CSS selectors. (82053)
  • Quick Draft widget: Drop a reference to a class that does not exist. (82064)

Media

  • Media Editor Route: Add missing dependency to media-editor route. (81845)

Fields

  • Migrate last remaining JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. file to TS. (81808)

Boot

  • Migrate styles to CSS Modules. (81756)

Layout

  • Layout block supports: Cast numeric grid attributes before use. (81560)

Private APIs

  • DataViews: Add a lint rule preventing private API imports. (81478)

Global Styles

  • Style: Update color to use CSS variable in global-styles-ui. (79053)

Tools

Build Tooling

  • Build Scripts: Force tsc –pretty so CI reports the project behind global diagnostics. (81937)
  • Build Tools: Stop watcher process trees on shutdown. (81504)
  • Build: Emit TypeScript declarations with –noCheck. (81839)
  • Build: Fix ESM declaration resolution. (82022)
  • CI: Skip the package CHANGELOG check when only the CHANGELOG changed. (82069)
  • Components, DataViews, Editor, UI: Split tsconfigs into build and dev projects. (81515)
  • Dependency updates Aug 2026 (2). (81906)
  • Dependency updates Aug 2026. (81870)
  • Lint: Prevent private API imports in all bundled packages. (82015)
  • Packages: Split story package tsconfigs into build and dev projects. (81516)
  • Packages: Split tsconfigs for utility and mid-size packages. (81514)
  • Release: Improve changelog categorization. (81475)
  • Replace the Storybook test runner with the Vitest integration. (81918)
  • Storybook: Fix production build warnings. (81758)
  • Storybook: Upgrade Vite to 8. (81494)
  • Styles Route: Reference the api-fetch and html-entities projects. (81989)
  • Test: Add Vitest ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org, Emotion compilation, console, and snapshot parity. (81039)
  • TypeScript: Add typecheck script and split root tsconfig into build and dev solutions. (81499)
  • TypeScript: Put route projects under the typecheck run. (81829)
  • Validation: Update dependency-audit to 0.4.6 and ignore the dataviews ./wp bundle. (81928)

Testing

  • Automated Testing: Change Storybook default 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) test to error on failure. (81597)
  • Block Library: Fix failing test in playlist block. (81950)
  • E2E: Replace flaky router styles screenshot assertions. (81739)
  • List View: Fix flaky global shortcut test and re-enable it. (81690)
  • Perf: Report the first block selection as its own metric. (81616)
  • Test: Port shared Vitest test environment. (81038)
  • Tests: Make PHPUnit tests independent of test configuration flags and theme root. (79159)
  • Vitest: Resolve @flakiness/vitest reporter to an absolute path. (81582)
  • end-to-end Tests: Use str_starts_with()/str_contains() in hide-user-rest-routes plugin. (82030)

Data Layer

  • Update 23.8 release changes on trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision.. (81485)

ESLint plugin

  • Remove fixable on i18n-no-flanking-whitespace. (70279)

First-time contributors

The following PRs were merged by first-time contributors:

  • @benazeer-ben: Add command: View post. (66720)
  • @dhruvikpatel18: Storybook: Add Story for URLPopup component. (68449)
  • @josephfusco: Add __unstable_wp_sync_storage filter for pluggable storage backends. (81697)
  • @konnen916: URL: Stop normalizePath throwing on a malformed percent sequence. (81086)
  • @sanketio: Accordion Heading: Route theme.json spacing to the toggle button. (81976)
  • @vedant-ere: Fix: Skip empty block markup in navigation to prevent split UL elements. (78793)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @aduth @afercia @amitraj2203 @andrewserong @annezazu @arthur791004 @benazeer-ben @ciampo @coderGtm @dhruvikpatel18 @dilipom13 @ellatrix @getdave @giteshsarvaiya @gregsullivan @hbhalodia @i-am-chitti @im3dabasia @Infinite-Null @ingeniumed @jasmussen @jeremyfelt @jeryj @jorgefilipecosta @josephfusco @jsnajdr @juanfra @Kgupta62 @konnen916 @MaggieCabrera @Mamaduka @manzoorwanijk @maxschmeling @mirka @mukeshpanchal27 @Mustafabharmal @ntsekouras @oandregal @ramonjd @retrofox @sanketio @sarthaknagoshe2002 @scruffian @shail-mehta @shimotmk @simison @sirreal @Soean @swissspidy @t-hamano @tellthemachines @timse201 @USERSATOSHI @vedant-ere @youknowriad

Props

Thanks to @mciampini and @aduth for helping with the npm package distribution and stable release, @manzoorwanijk, @onemaggie and @softglaze for release candidaterelease 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). support and testing, @coreyhall93 for the video highlights, and @tyxla, @ramonopoly, and @ellatrix for reviewing this post.

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

What’s new in Gutenberg 23.8? (19 August)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s new in
Gutenberg 23.8?

Gutenberg 23.8 has been released and is available for download!

Version 23.8 continues to build on recent releases, adding shareable URLs and an in-editor code diff view to visual revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision., email notifications for users mentioned in a note, major List View performance improvements on large posts, and a smoother writing flow that renders a real default 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. in place of the empty-canvas appender.

Visual revisions: Shareable URLs and a code diff view

A demonstration of the URL in the revision review to demonstrate the direct link to revision feature.

Visual revisions keep getting more capable. You can now link directly to a specific revision: opening a URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org with a revision parameter takes you straight to that revision in the editor, and the address bar stays up to date as you move through history so sharing the exact change you’re discussing is as simple as copying the URL. Toggle the code editor to see the diff in code. (79934, 80314)

Email notifications for mentions in notes

Collaboration in the editor took another step forward: when someone @-mentions you in a note, you now receive an email letting you know, written in your own language and linking to the editor where the conversation is happening. This completes the mentions feature whose autocomplete UIUI User interface landed in a previous release. (79606)

Other notable highlights

The List View received a series of performance improvements that add up to a dramatically better experience on long posts. Opening it is faster thanks to a leaner rendering path that cuts most of its DOM nodes and skips a second render pass, expanding and collapsing sections triggers far fewer re-renders, and a freeze when selecting all blocks on large posts is gone. On a post with 1,000 paragraphs, “Select all” dropped from 16.8 seconds to 0.4 seconds. (81210, 80953, 80929, and others)

The empty canvas now renders a real default block instead of a lookalike appender, so what you see before typing is exactly what you get (81231). Along the same lines, a new block added next to an existing one now inherits its neighbor’s styling consistently, no matter how it was inserted (81250).

The experimental Playlist block became easier to work with: Audio blocks can transform into a Playlist and back, and you can select multiple audio files from the Media Library at once (80926). The Tabs block now shows each tab’s actual title in the Document Overview instead of a generic “Tab” label (81427) and supports Home and End keys for keyboard navigation (80912).

For developers, blocks can now declare their inner blocks template directly in registerBlockType() settings, applied synchronously at insertion (80027); @wordpress/element is importable in ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org 19 (80053); DataViews gained a time field type (80830) and configurable preview aspect ratios (79329); and @wordpress/ui now offers public Calendar and RangeCalendar components (81337).

Changelog

Features

Collaboration

  • Notes: Email users mentioned in a note. (79606)

Enhancements

  • Element: Make the package importable in React 19. (80053)
  • Interface: Let CSSCSS Cascading Style Sheets. own the ComplementaryArea width and use AnimatePresence custom for exit. (81363)
  • 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. Dashboard: Preserve widget chrome flex layout. (80570)
  • Normalize block gap values in layout. (81460)
  • Visual revisions: Add shareable urls. (79934)

Block Library

  • Block editor: Render a real default block in place of the default appender. (81231)
  • Block editor: Unify what a new sibling block inherits. (81250)
  • Blocks: Support static block templates in block type settings. (80027)
  • Feature: Tabs block: Consider using the tab title in the Document Overview instead of a generic “Tab” label. (81427)
  • Page List: Rename the Edit action to Detach and confirm it in a dialog. (80847)
  • Pass Playlist controls to track blocks. (80368)
  • Quote: Ensure paragraph placeholder appears after deleting nested blocks. (77151)
  • Table of Contents: Replace “Convert to static list” with confirmed “Detach” action. (80844)
  • Post Navigation Link: Use the ‘next’ icon. (81384)
  • Writing flow: Stop the caret on containers that do not merge with the text flow. (81456)
  • Playlist: Add track icon. (80959)

Components

  • Add allowForms prop to SandBox component. (76471)
  • DataViews: Add time field type and control. (80830)
  • DataViews: Make grid and table item preview aspect ratio configurable. (79329)
  • IconButton: Improve keyboard shortcut 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). (80402)
  • Icons: Move the inline image icon into the library. (81271)
  • SearchableChipSelect: Add form primitive to wordpress/ui. (80779)
  • UI: Add Combobox.InputGroup primitive. (80869)
  • UI: Add Calendar and RangeCalendar, moved from components private APIs. (81337)
  • UI: Derive Base UI direction from WordPress 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.. (80399)
  • UI: Use focus styles from base-styles. (80635)

Post Editor

  • Add opt-out for block style state controls. (80956)
  • Editor: Clarify autosave failure notice. (76470)
  • Editor: Migrate settings 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. to Tabs from wordpress/ui. (81054)
  • Notes: Display shortcut for form action buttons. (81064)
  • Visual revisions: Add a code diff view inside the editor. (80314)

Dashboard

  • Dashboard Widgets: Add icon and relevance to the widget action envelope. (81275)
  • Dashboard Widgets: Split action icons into wire and resolved forms. (81381)
  • Widget Dashboard: Host-tunable tile spacing via public custom properties. (81352)
  • Widgets: Carry a declarative icon through the widget pipeline. (80969)

Widgets Editor

  • Add ThemeProvider for adminadmin (and super admin) color schemes. (81173)
  • CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. widgets: Add ThemeProvider for admin color schemes. (81174)

Global Styles

  • Migrate font size presets to the shared preset layer. (79811)
  • Migrate shadows presets to use the preset management layer. (79812)

Bug Fixes

  • Backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. fixes for finalize route. (81465)
  • Boot: Adjust specificity of the image reset styles so components can size their own images. (80845)
  • Fix end-to-end tests that break when shard rebalancing changes their neighbors. (81117)
  • Fix: Add missing target to the webpack dev server proxy configuration. (81141)
  • Fix: Flaky autosave shareable URL revisions end-to-end test. (81455)
  • Fix: Flaky list view paste block styles end-to-end test. (81229)
  • Fix: Flaky revisions pagination end-to-end cross-page diff assertion. (81119)
  • Interface: Increase footer breadcrumb height to prevent focus ring clipping. (81145)
  • Views: Honor all developer-defined view configuration overrides. (80832)
  • Interface: Stop the secondary sidebar animating into place on page load. (81362)
  • Site editor: Fix sidebar item hover color. (81317)
  • theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. schema: Allow responsive states on block style variations. (81309)
  • Dashboard Widgets: Remove the Hello Dolly download action. (81272)
  • Decode HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. entities in Identity fields. (81269)
  • Make downloadable block item labels translatable. (81237)
  • Edit Widgets: Fix headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. toolbar button focus ring. (81176)
  • Fix template modified and date return value for file templates. (80733)

Block Editor

  • Background: Fix the legacy gradient UI where a gradient cannot be selected. (81056)
  • Block Inspector: Disable the ‘Edit original’ button when the entity ID is missing. (81288)
  • Copy: Preserve the block when its entire text is selected. (80994)
  • Disclose the nested block count of a multi selection. (80745)
  • Fix Escape from the block toolbar and stop redundant last focus dispatches. (81319)
  • Fix empty list block with anchor persisting after backspace deletion. (77000)
  • Fix overflowing block UI being covered after a block is moved. (80824)
  • Link Control: Restore the preview title underline. (81083)
  • Make the Group action wrap blocks with a group transform. (80891)
  • PanelColorSettings: Restore the missing space below the panel header. (81155)
  • Quote & List v2: Deleting empty list item should delete list block. (42503)
  • Return false from isBlockSelected when there is no client ID. (81212)
  • Style states: Fix state deselection when selecting the already selected block. (81277)
  • URLInput: Skip search requests while an IME composition is in progress. (80602)
  • Writing flow: Forward delete an empty paragraph without breaking apart the next block. (80813)

Block Library

  • Clarify the GIF Video variation description. (81181)
  • Fix: Tabs block: Start with empty tab labels with placeholders. (81009, 81429)
  • Media: Reword the HEIC upload error and keep it up until dismissed. (81130)
  • Navigation Overlay Close: Inherit typography and color from the overlay. (80751)
  • Playlist: Improve audio conversion and track selection. (80926)
  • Playlist: Normalize Waveform Player configuration handling. (81342)
  • Post Author Biography: Fix horizontal overflow with long unbroken text. (81018)
  • Remove the editableRoot opt-in from the paragraph block. (81184)
  • Video: Hide settings for the GIF variation. (81142)
  • Fix: Add optional chaining for empty reusable block (#81165). (81177)

Components

  • Button: Suppress UA focus ring when focused and pressed. (81113)
  • DataForm: Fix hidden fields validation. (81377)
  • DataViews: Fix array field type validation for empty values. (81378)
  • DataViews: Fix the between date 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. losing a manually typed date on blur. (81150)
  • DataViews: Pass only eligible items to a bulk action callback. (81198)
  • Scope breakpoint media queries to screen so printing does not look like a resize. (81367)
  • Theme: Omit color properties when neither provided nor inherited. (80600)
  • Admin UI: Reset the wp-admin li margin that misaligns Breadcrumbs. (81134)

Post Editor

  • Add ThemeProvider for admin color schemes. (81112)
  • DataViews: Move the rich text control into the editor package. (81430)
  • Editor: Fix document tools button focus ring. (81115)
  • Editor: Keep the canvas height stable while resizing the canvas. (81163)
  • Ensure device preview is always accurate when window is zoomed in. (81193)
  • Notes: Fix text wrapping for long usernames in collaboration sidebar. (81406)

Global Styles

  • Button: Turn on the width setting by default in theme.json. (81196)
  • Kebab-case preset slugs when converting references to custom properties. (80583)
  • Render element styles set only inside a breakpoint. (81265)
  • Report border, shadow, outline, filter and dimension changes. (81407)
  • theme.json schema: Fix block pseudo-classes and custom states. (81209)
  • theme.json schema: Responsive states belong to blocks. (81253)

Data Layer

  • Core Data: saveDirtyEntities: Improve messaging of server errors. (81151)
  • RTC: Fix mixed block selection awareness. (79836)
  • Footnotes: Guard against invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. post metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. values. (81201)
  • RTC: Remove excess autosave notices (when not useful). (80539)
  • Order site identity changes predictably. (81283)

Media

  • Cover client-side big image scaling and orphaned files. (81061)
  • Media Attached to: Fix issue with the popover unexpectedly flipping, tweak wording. (81206)
  • Upload Media: Fail the item when the /finalize request fails. (80725)

Style States

  • Fix phantom pseudo element style output. (81291)
  • Render viewport state element styles in the editor. (81307)

Collaboration

  • Notes: Fix the mention notification email composition. (81187)
  • RTC: Disable custom autosave controller when RTC is disabled. (80769)

Accessibility

  • Fix: New route-based admin pages are empty when no JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors.. (80628)
  • Interface: Remove incorrect aria-expanded from pin-to-toolbar button. (79874)
  • wp-build: Render the no-JS fallback in the generated page templates. (81365)

Block Editor

  • Block Mover: Add the keyboard shortcut to the buttons’ spoken description. (81380)

Components

  • Menu: Restore Modal focus return when menu items close. (81164)

Block Library

  • Tabs: Support Home and End keys for keyboard navigation. (80912)

Performance

List View

  • Fix Select all freezing on large posts. (81210)
  • List View: Collapse off-window placeholder rows into a single spacer row. (80953)
  • List View: Narrow the dependants of the memoized List View tree. (81129)
  • List View: Only subscribe to the block subtree for rows that can show images. (81076)
  • List View: Reduce per-row store subscriptions. (81136)
  • List View: Speed up opening by removing a forced style recalculation. (80929)
  • List View: Speed up opening by removing a second render pass. (80935)
  • List View: Pass only minimal required data to sub-tree branches. (81111)
  • List View: Split the context and drop dead props to cut re-renders on expand and collapse. (81159)

Documentation

  • Agents: Add a defensive data design skill and route to the copy guide. (81131)
  • Block JSON schema & PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher-only blocks: Add autoRegister support. (80173)
  • Block Library: Document security patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing. releases. (81295)
  • Changed Build Process Link and remove unused tags. (81360)
  • CheckboxControl: Add “With Visual” Storybook story. (80849)
  • Components: Opt-in ConfirmDialog for auto-documentation. (80866)
  • Components: Use p elements for callout alerts in README documentation. (81234)
  • Docs: Add Block Actions Readme. (69408)
  • Docs: Add Block List Readme. (69432)
  • Docs: Add Block Lock Readme. (69434)
  • Docs: Add error message guidance. (81143)
  • Docs: Explain how the theme.json schema fixtures work. (81263)
  • Docs: Fix broken Figma links on the design resources page. (81166)
  • Docs: Fix broken link to the Node.js debugging guide. (81398)
  • Docs: Fix broken links to the removed 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 build setup guide. (81232)
  • Docs: Fix typo in block file structure guide. (81348)
  • Docs: Remove breakpoint-only element style example from global styles guide. (81308)
  • Docs: Remove dependency group import guidance. (81245)
  • Docs: Use gutenberg instead of Gutenberg in package name. (81051)
  • Document editEntityRecord’s options.isCached param. (81318)
  • Fix typos in code comments and JSDoc. (81045)
  • Navigation: Complete the DocBlocks for the responsive container and overlay style helpers. (80622)
  • Storybook: Enable design system theme tool globally. (81116)
  • ToggleControl: Add “With Visual” Storybook story. (80803)
  • View Config: Add reference documentation. (81149)
  • Widget Primitives: Document actions as verbs, not links. (80974)

Code Quality

  • Block Supports: Guard against non-string attribute values to avoid fatal errors. (80501)
  • Blocks: Declare the @types/react-is devDependency. (81203)
  • Blocks: Update hpq to 1.4.0 and drop the ts-expect-error suppressions. (81199)
  • CI: Resolve Playwright through the workspace that declares it. (81137)
  • Declare missing prettier and stylelint workspace dependencies. (81065)
  • ESLint: Define dependency import rules. (81246)
  • ESLint: Drop @eslint/compat fixup for jest-dom and testing-library. (80842)
  • Ignore node_modules in schema integration test globs. (81013)
  • Jest Preset Default: Support self-referencing via exports. (80837)
  • Report Flaky Tests: Declare @types/node dependency. (80838)
  • Storybook: Move smoke-test deps into the storybook workspace. (81017)
  • Storybook: Use SelectControl in Motion tokens story. (80790)
  • Tools: Make agent setup a workspace. (81418)
  • Tools: Use native agent skill discovery. (80811)
  • Unit Tests: Reorganise the jest configuration file. (80940)
  • View config: Lowercase dynamic filter names. (81068)
  • Views: Add React to the package’s dev dependencies. (81139)
  • DataViews: Use the public @wordpress/ui Badge instead of the private one. (81236)
  • Remove unused duplicate font family preview utilities. (81194)
  • Media Editor: Render sidebar tabs via ComplementaryArea’s render prop. (81133)
  • Fix ESLint errors for ‘navigateRegionsProps’ spread. (81052)
  • Replace deprecated useResizeObserver for useScaleCanvas. (67508)

Components

  • DataViews: Remove kebabCase private import by inlining it. (81284)
  • DataViews: Vendor validated form controls:
    • ValidatedCheckboxControl (81435)
    • ValidatedNumberControl (81433)
    • ValidatedRadioControl (81434)
    • ValidatedSelectControl (81391)
  • Deprecate Animate. (80931)
  • Deprecate Surface. (80943)
  • ESLint: Remove legacy import suppressions. (81338)
  • Keycodes: Make withIgnoreIMEEvents a public APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.. (81343)
  • Migrate ItemGroup to SCSS module. (80797)
  • Migrate Spinner styles from Emotion to SCSS module. (80511)
  • New kebab-case package: Extract utility and migrate private API calls. (81294)
  • Theme: Colocate 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. tests with implementations. (81247)
  • Types: Replace remaining @ts-expect-error suppressions with proper typing. (81200)
  • UI: Upgrade React DayPicker to version 10. (81439)
  • Update Ariakit packages. (80765)
  • Update Floating UI to 2.1.9. (80761)
  • Update react-day-picker to 9.14.0. (80792)
  • Remove ValidatedTextControl private API. (80680)

Block Editor

  • Bail out of hasSelectedInnerBlock when there is no clientId. (81315)
  • Convert useBlockVisibility hook to TypeScript. (80390)
  • Format Library: Remove unused CSS rule. (77831)
  • List View: Migrate label wrapper to UI Stack and drop Badge from the anchor. (81266)
  • Simplify InspectorControlsFill rendering logic. (81286)
  • Spacing Sizes Control: Make the control label translatable independently of the input aria label. (81240)
  • URLInput: Simplify keyboard handling and fix arrow keys with a text selection. (80780)

Block Library

  • Cover: Avoid passing null as the featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. size. (81444)
  • List View: Replace expand/collapse callbacks with reducer dispatch. (81138)
  • Query: Guard non-scalar queryId to avoid fatal in enhanced pagination. (80724)

Data Layer

  • Core Data: Add missing wordpress/base-styles dependency. (81012)
  • ESLint: Replace strict configuration with bulk suppressions. (81248)

Post Editor

  • Editor: Remove sidebar tabs focus sync effect. (81020)
  • Rename blockStatesEnabled setting to blockStatesEditingEnabled. (81058)

Tools

  • AGENTS: Update development tips section. (81224)
  • Revise CODEOWNERS for package ownership (removing nerrad). (81175)
  • ESLint: Ban @ts-ignore in favour of @ts-expect-error. (81148)

Testing

  • Automated Testing: Add Storybook component documentation regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5. testing. (80655)
  • CI: Add job timeouts to E2E, static checks, bundle size, and create block. (80801)
  • CI: Build once and reuse the build across end-to-end tests shards. (81031)
  • CI: Cache the system packages Playwright downloads for WebKit. (80846)
  • Fix: Trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision. end-to-end failures caused by the navigation spec leaving plain permalinks. (81238)
  • Flaky tests: Fix router navigate latest HTML. (80178)
  • Perf Tests: Merge selection event windows instead of summing durations. (81002)
  • Performance Tests: Ignore the locally generated artifacts directory. (81024)
  • Perf Tests: Avoid inflating interaction metrics with startTracing. (81264)
  • Remove content types experiment. (81340)
  • Remove the jest-puppeteer-axe package. (80775)
  • Storybook e2e: Add small, compact and icon examples to button matrix. (80793)
  • Test: Add Vitest migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. routing guardrails. (81036)
  • Test: Add private Vitest configuration and migrate a pilot test. (81037)
  • Tests: Replace page-level selectors with locators in end-to-end specs. (81053)
  • Upgrade Playwright to v1.62. (81001)
  • Balance Playwright shards by duration. (79479)

Build Tooling

  • Allow organization or repository variable to dictate the Actions runner. (81087)
  • Build: Wrap script bundles in an IIFE to contain ‘use strict’. (79792)
  • Components: Update polymorphism types to allow all attributes when specifying as. (80705)
  • Docs: Add VS Code setup guidance. (77913)
  • ESLint: Rename root eslint.config.cjs to eslint.config.mjs. (81468)
  • Ensure static checks can run for private mirrors. (80817)
  • Flaky tests: Report as a PR comment only, stop creating issues. (81218)
  • Markdownlint: Disable the MD033 (no-inline-html) rule project-wide. (81213)
  • Monitor all setup-related composite Actions. (81192)
  • Packages: Recover July 29 npm release metadata. (81303)
  • Scripts: Prevent a UTF-8 BOM in the middle of extracted CSS. (81383)

First-time contributors

The following PRs were merged by first-time contributors:

Contributors

The following contributors merged PRs in this release:

@adamsilverstein @adrianmoldovanwp @adithyanaik @aduth @ajlende @alecgeatches @amitraj2203 @andrewserong @aslushnikov @chihsuan @mciampini @desrosj @dhasilva @dhruvik18 @dognose24 @mehtadev @linewebdigital @ellatrix @getdave @giteshsarvaiya @hbhalodia @im3dabasia @ingeniumed @itzmekhokan @joen @jorgefilipecosta @juanfra @makdia @Mamaduka @manzoorwanijk @mcsf @mirka @nerrad @ntsekouras @oandregal @pranjal4804 @priethor @rishabhwp @ramonopoly @retrofox @scruffian @shailu25 @simison @SirLouen @SteveJonesDev @wildworks @talldan @isabel_brison @williamvianas @westonruter @yogeshbhutkar @youknowriad @yvett

Props

Special thanks to @joen for review and providing assets for this post. Thanks to @mamaduka, @jorgefilipecosta, @adamsilverstein, and @dhruvang21 for reviewing the post. Thanks to @bernhard-reiter, @mcsf, @aduth, @tyxla, @jsnajdr, and @wildworks for help throughout the release process.

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

What’s new in Gutenberg 23.7? (05 August)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s New In
Gutenberg 23.7?

Gutenberg 23.7 has been released and is available for download!

Version 23.7 includes many improvements over features added with 23.6, with updates to 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. Editor, the new Gallery block’s dynamic mode, user control to enable the Global Styles inheritance UIUI User interface, and a series of smaller visible editor layout fixes.

Various editor improvements

Much of the 23.7 cycle has been focused on smaller visual editor improvements. Floated blocks no longer overlap sticky blocks, the empty block appender now sits in the right place inside blocks that capture their own toolbars, and the Pullquote block finally honors a custom line height in the editor so it matches the front end. Fixed device preview heights are also restored for the mobile and tablet views.

Gallery block dynamic mode improvements

The new Gallery block dynamic mode that shipped in Gutenberg 23.6 had an ambiguous “Convert to images” toolbar button that didn’t describe what it actually did. That button has been renamed to “Detach”, and a modal appears to better explain to the user what happens when detaching images

Other Notable Highlights

  • Global Styles inheritance UI. This experimental feature is now opt-in, and is enabled from the Gutenberg Experiments settings page (#80815).
  • Math block: LaTeX errors stop interrupting you. Parse errors no longer fire on every keystroke — LaTeX input now uses ValidatedTextareaControl, so feedback is deferred until the field first loses focus and the per-keystroke screen reader announcement is gone (#80500).
  • Grouped options across the form primitives. Combobox, Select, and SelectControl gain Group and GroupLabel subcomponents, so grouped options compose consistently across the item-popup families (#80574).

Changelog

Enhancements

  • Base styles: Allow overriding focus ring color in outset-ring__focus. (80587)
  • 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. Dashboard: Measure the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. fit and document the chrome. (80423)
  • Widget Primitives: Ship as a script module. (80149)

Components

  • Combobox, Select, SelectControl: Add Group and GroupLabel. (80574)
  • DataViews/Font Library: Give search fields a fixed width to stop layout shift. (80315)
  • DataViewsPicker: Add Shift+Click range selection to the picker-table, picker-grid, and picker-activity layouts. (80413)
  • Enhance sandbox component to accept sandbox prop. (69617)
  • Input: Hide native spin controls for type=”number”. (80646)
  • SearchControl: Render the suffix only if there’s one. (80356)
  • UI: Add Autocomplete.Row primitive. (80490)

Block Library

  • Add Table of Contents end-to-end user story coverage. (80199)
  • Math: Use ValidatedTextareaControl for LaTeX input. (80500)

Post Editor

  • Add a responsiveEditingEnabled editor setting to hide the Responsive styles option. (80814)

Font Library

  • Fix navigation page select font size to match DataViews. (80617)

Collaboration

  • RTC: Disable Quick Edit while a post is being edited. (80016)

Global Styles

  • Extract shared preset management from shadows and font sizes. (79810)

Block Editor

  • Reflect inherited Global Styles values in block inspector controls. (77894)

Bug Fixes

  • Block Editor: Fix floated blocks overlapping sticky blocks. (80749)
  • Update view configuration APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. versioning. (80319)
  • View config: Reject shape-mismatched merges, define empty-array semantics, strip nulls from appended members. (80571)
  • createInterpolateElement: Handle unmatched closing tags gracefully. (80618)

Block Library

  • Account for non-lowercase VIDEO tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) in render_block_core_video(). (80537)
  • Cover/Accordion: Exit on Enter. (77301)
  • Dynamic Gallery: Rename toolbar button to Detach and add a modal explaining what will happen. (80727)
  • Fix: Pullquote custom line height in the editor. (80586)
  • Gallery: Make dynamic mode conversion a single undo level. (80665)
  • List Block: Preserve ordered type on indent. (75353)
  • Media Editor: Show a loading state while the cropped file loads. (80460)
  • Media: Remove the redundant __heicUploadSupport flag. (80452)
  • Navigation: Fix missing ‘Add block’ option in Link UI when inside template parts. (78427)
  • Playlist: Shorten track toolbar button label. (80759)
  • Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop: Add translationtranslation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. context to the ‘Offset’ setting label. (80582)
  • Social Link: Fix stray closing tag in Tumblr icon markup. (80257)

Block Editor

  • Background image control: Remove duplicated focus ring. (80671)
  • Block Tools: Fix empty block appender position inside blocks that capture toolbars. (80592)
  • Fix cursor position during forward delete of empty blocks. (77525)
  • Fix preset round-trip test imports after preset utils consolidation. (80589)
  • Global Styles panels: Fix wrong preset committed and shown when two color presets share a hex. (80497)
  • Global Styles: Resolve link element styles in block inspector controls for blocks that are links. (80607)
  • RTC: Prevent controlled block synchronization from intercepting undo. (80503)
  • Rich text: Remove tabIndex from editable elements again to fix shift+click selection. (80651)
  • Writing flow: Extend block selections with shift+arrow when there is no native selection. (80687)
  • Writing flow: Mark shift+click as a multi-selection gesture. (80286)
  • Writing flow: Stop the page scrolling on caret moves within blocks taller than the viewport. (80708)
  • RichText: Don’t apply input transform when there’s no onReplace. (80978)
  • RichText: Fix paste handler crash when pasting files. (81010)

Post Editor

  • Editor: Leave undo to the browser in fields that handle their own undo. (80768)
  • Editor: Restore fixed device preview height for mobile and tablet. (80271)
  • MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes: Match heading styles with Gutenberg panels. (80670)
  • Notes: Capture the target block before saving a block-level note. (80690)
  • Notes: Register the inline note format at import time. (80576)
  • Notes: Report save success consistently from note actions. (80748)
  • Notes: Sync the 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. selection to the inline marker under the caret. (80610)
  • Post Lock: Fix modal flipping to “Someone else has taken over” for a locked-out viewer. (79997)
  • Wrap notices in ThemeProvider with 0 corner radius. (79523)
  • iOSiOS The operating system used on iPhones and iPads.: Remove jumping hack, add typewriter. (74596)

Components

  • DataForm: Stop card and details validation from hijacking focus. (80685)
  • Fix Root .prettierrc.js override issue. (80422)
  • GradientPicker: Select by slug so two presets sharing a gradient keep their identity. (80554)
  • Storybook: Fix Emotion jsxImportSource. (80426)
  • ToolsPanel: Migrate styles to an SCSS Module. (80445)

Client Side Media

  • Fix upload hang when converting long animated GIFs: Decode only the first frame for still outputs. (80260)
  • Media: Stop forcing crossorigin on IMG tags in media templates. (80532)
  • wp-build: Sync the page template preload field list with coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-data. (80648)

Collaboration

  • Notes: Detach core’s mention kses 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. in the baseline strip test. (80656)
  • RTC: Compact during serialization. (80707)

Media

  • Media REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/: Backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. sideload from URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org path upload size check. (80659)

Global Styles

  • Theme JSONJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.: Level block-level preset class specificity with :Where(). (80657)

Data Layer

  • RTC: Preserve collaborators’ unsaved edits when another user saves. (79936)

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)

Block Library

  • Improve the various Alignment controls props handling. (63696)
  • Navigation: Fixes aria-expanded not updating on hover submenu inside overlay. (77563)

Performance

Block Editor

  • Rich text: Read the contentEditable attribute in ownsSelection to avoid forced layout. (80549)
  • Try to fix typing performance regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5.. (80507)

Post Editor

  • Editor: Avoid unnecessary term re-fetches in FlatTermSelector. (80623)

Data Layer

  • Core Data: Move EntitiesSavedState component out of editor (rebase of #71948). (80485)

Experiments

Dashboard

  • Dashboard Widgets: Harden action href sanitization. (80510)
  • Dashboard Widgets: Sanitize help link hrefs. (80409)

Block Editor

  • Global Styles: Put the inheritance UI behind a Gutenberg experiment. (80815)

Documentation

  • Add nvm use instructions to AGENTS.md. (80755)
  • Add progressive-discovery pattern for agent instructions and skills. (80650)
  • Added Missing Global Documentation in table-of-contents/index.php. (80442)
  • Docs: Add missing file-level and class-level docblocks to WP_Icon_Collections_Registry. (80172)
  • Docs: Clarify agent guidance discovery. (80753)
  • Docs: Clarify getBlock behavior with inner block controllers. (80773)
  • Docs: Expand the back-porting to WP Core guide. (80593)
  • Docs: Require view configuration filter callbacks to return the container. (80642)
  • Docs: Update iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. guidance for Gutenberg 23.6. (80629)
  • Theme: Update Storybook adminadmin (and super admin) color scheme examples. (80569)
  • UI: Add dialog vs drawer design guidance. (80783)
  • Update documentation for server-side view configuration filters. (80744)
  • Used link for URL in inline documentation. (80716)

Code Quality

  • ESLint: Add missing not-recommended components to denylist. (80754)
  • Fix: Update webpack-dev-server to ^5.2.1 to help with dep alerts. (80347)
  • GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ workflows: Fix changelog checks for forked PRs. (80538)
  • Interactivity API: Refactor directives into self-registering modules. (79975)
  • RTC: Use array_any() for newer-compaction check in polling sync server. (80522)
  • RTC: Use str_contains() in WP_Sync_Config. (80476)
  • Storybook: Build the resolve specifier as a URL-style string. (80416)
  • Tools: Resolve dependencies independently of the node_modules layout. (80414)

Components

  • Autocomplete: Reference the suggestions list with aria-controls and aria-haspopup. (80403)
  • ExternalLink: Use shared focus ring mixin. (80573)
  • Make useSelectionProps hook layout agnostic. (80677)
  • Migrate Disabled to SCSS module. (80643)
  • Migrate FormTokenField to SCSS module. (80472)
  • Migrate SearchControl to SCSS module. (80474)
  • Packages: Update date-fns to 4.4.0. (80763)
  • Theme: Update Color.js to 0.7.1. (80762)
  • Theme: Update colorjs.io dependency and drop 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. workaround. (80272)
  • UI: Improve component code readability in Storybook by using arrays for children. (80352)
  • theme: Disallow src in published package. (80213)

Block Library

  • Guards against error throwing attribute values. (80558)
  • Make editableRoot a private block setting rather than a public support. (80820)
  • Misc fixes for WordPress-Develop 7.0 merges. (75985)
  • Page List: Use null coalescing operator for parentPageID attribute. (80728)
  • Remove redundant @jest-environment jsdom pragma and lint against it. (80676)
  • Remove unnecessary __next40pxDefaultSize props from form controls. (80540)
  • Table of Contents: Use str_contains() instead of strpos() check. (80418)
  • Tabs : Remove default paragraph from tab-panel template. (80565)

Block Editor

  • Duotone: Dedupe duotone utils into global-styles-engine. (80598)
  • Reduce duplicated preset utility implementations. (80245)
  • Refactor ‘URLInput’ to function component. (80721)

Post Editor

  • Icons: Validate SVG icons include viewBox. (80273)
  • Notes: Cancel in-flight hover highlight when focus leaves a note thread. (80752)

Data Layer

  • Packages: Update memize to 2.1.1. (80764)

Global Styles

  • Rename unit testunit test Code written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression. files and drop .spec.js suffix. (80711)

Site Editor

  • Edit Site: Replace Theme usage in canvas loader with CSSCSS Cascading Style Sheets.. (80688)

Collaboration

  • Move real-time collaboration code to lib/experimental/collaboration. (80469)

Tools

  • Docs: Update the release form screenshot for GitHub’s new Release label UI. (80567)
  • Release: Require a working GitHub CLICLI Command Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress. for cherry-picking. (80568)

Build Tooling

  • Build: Add independent reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org-18 vendor package. (80367)
  • Build: Handle project paths containing spaces in dev script. (80519)
  • Components: Skip polymorphism prop typings on intersection. (80364)
  • DependencyExtractionWebpackPlugin: Include extracted styles in the asset version hash. (80601)
  • React 19: Add end-to-end compat test for boolean inert attribute. (80397)
  • Resolve Prettier explicitly for isolated layout. (80529)
  • Storybook: Remove Emotion as JSX import source. (80647)
  • WP Build: Avoid infinite worker build loop. (80361)
  • Improve pre-flight npm access checks. (80334)

Testing

  • Jest: Fix ignore pattern for TypeScript declaration files. (80737)
  • Jest: Update to v30 (breaking). (80767)
  • Only use Flakiness.io in canonical Gutenberg repo. (80816)
  • Perf Tests: Fix ‘Selecting blocks’ metric reporting 0 ms. (80524)
  • RTC: Fix deleted-user test on multisitemultisite Used to describe a WordPress installation with a network of multiple blogs, grouped by sites. This installation type has shared users tables, and creates separate database tables for each blog (wp_posts becomes wp_0_posts). See also network, blog, site. (80463)
  • Site Editor: Add end-to-end coverage for view configuration extensibility. (80577)

Various

Components

  • Base Styles: Remove accent color parameter from input-control. (80595)
  • Remove private Theme component. (80691)

First-time contributors

The following PRs were merged by first-time contributors:

  • @dilipom13: Meta boxes: Match heading styles with Gutenberg panels. (80670)
  • @faisalahammad: Editor: Restore fixed device preview height for mobile and tablet. (80271)
  • @nickchomey: Interactivity API: Refactor directives into self-registering modules. (79975)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @adamsilverstein @aduth @andrewserong @chriszarate @ciampo @CookieDarb @DarkMatter-999 @desrosj @dhananjaykuber @dilipom13 @dpmehta @ellatrix @enejb @faisalahammad @getdave @himanshupathak95 @i-am-chitti @im3dabasia @Imran92 @jeryj @jorgefilipecosta @jsnajdr @juanfra @Kgupta62 @MaggieCabrera @Mamaduka @manzoorwanijk @maxschmeling @mirka @Mustafabharmal @nickchomey @noruzzamans @ntsekouras @oandregal @obenland @ocean90 @peterwilsoncc @ramonjd @retrofox @scruffian @shail-mehta @shekharnwagh @shimotmk @simison @sirreal @Soean @t-hamano @westonruter @yashjawale

Props to @mamaduka for reviewing.

#block-editor #core-editor #gutenberg #gutenberg-new

What’s new in Gutenberg 23.6? (July 22, 2026)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s New In
Gutenberg 23.6?

Gutenberg 23.6 has been released and is available for download!

This release adds cropping controls to the Media editor, brings it to the Cover 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 extends responsive style states with aspect-ratio, flex-alignment, and text-shadow controls. Other changes include a minimum WordPress version bump to 6.9, Icon block transforms, and real-time collaboration improvements.

Table of contents

  1. The Playlist and Tabs blocks are now stable
  2. Enhancements to Notes
  3. A dynamic mode for the Gallery block
  4. Icon collections and a custom icon registration API
  5. Other Notable Highlights

The Playlist and Tabs blocks are now stable

Two blocks that have lived behind the block experiments flag are now part of the default block library, and are available to everyone without enabling an experiment.

The Playlist block plays a list of audio tracks with track metadata, artwork, and the waveform and track length options. The tracklist itself is configurable: you can set the play order, and toggle the artwork, artist names, track numbers, and track length individually to suit the design of your page. For more details on where the block is headed, see the iteration issue for WordPress 7.1.

Playlist block

The Tabs block family lets you organize content into tabbed sections, following the best practices set out in the tabs pattern from the W3C ARIA Authoring Practices Guide. Each panel accepts any blocks you like, and the tab buttons come with their own color, typography, border, and spacing controls, so the navigation can be styled to match your theme. For the details, see the tracking issue that drove the block toward stabilization.

Tabs block

Enhancements to Notes

Notes continues to move toward a full commenting workflow, with two significant additions in this release.

Inline notes let you attach a note to a specific text selection rather than to a whole block. Select part of a paragraph, add a note, and the highlight stays anchored to that text as you keep editing around it. A single block can carry multiple inline notes, sorted by the order they appear in the block, and none of the highlighting shows up in the published post. (#78218)

Inline notes

@mention autocomplete makes it possible to direct a note at a specific person. Typing @ inside a note opens an inline, keyboard-navigable list of users; selecting one inserts a mention chip that links to the user’s author page and carries the mentioned user’s ID. (#79604)

@mention autocomplete

The Gallery block can now display media dynamically instead of only the images you pick by hand. The new Dynamic Gallery variation shows all media currently attached to the post, in both the editor and on the frontend.

Rather than being a separate block, it is a variation of the Gallery block, so you can move between the two without losing your settings: start a Dynamic Gallery from the block placeholder, and switch it to a regular gallery whenever you want to edit the list of images by hand. (#78796)

Icon collections and a custom icon registration APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.

Icons can now be registered by plugins and themes, and are organized into collections.

Alongside the default coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. icons, the API has been extended and utility functions added so that you can publish an icon set of your own as a collection. Icons are shared data for the whole site, available in both the editor and on the frontend. (#77260)

The icon picker has been updated to match. A new Collections tab lists collections in the 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. — like the Pattern Explorer — so you can browse and search within one set rather than scrolling a single combined list. The collection containing the currently selected icon is opened by default, and icons load asynchronously to keep the UIUI User interface responsive when a large number of them are registered. (79681) (#78332)

Other Notable Highlights

  • Customizable viewport sizes. Tablet and mobile preview widths can now be set in theme.json, so device previews can match your theme’s actual breakpoints. (#79104)
  • The adminadmin (and super admin) bar is shown by default in both the Post Editor and the Site Editor. (#79197)
  • Apply Globally is now selective. When applying a block’s styles globally, you can choose which style properties to apply instead of applying all of them. (#79839)
  • New block support for the Custom HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block. innerContent support for static inner blocks has been added and adopted by the HTML block. (#79115)
  • Background gradient support has been added to the Accordion, Post Content, Pullquote, Quote, and Verse blocks. (#79840, #79842, #79841, #79843, #79391)
  • The Post Editor is now always iframed, aligning its rendering with the Site Editor. (#74042)

Changelog

Features

Post Editor

  • Allow setting viewport tablet and mobile values in theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.. (79104)
  • Experimental: Expand DataForm inspector to patterns. (79452)
  • Notes: Add @mention autocomplete. (79604)
  • Notes: Inline (partial-text) notes via hybrid marker + strip-on-render approach. (78218)
  • Show the admin bar in the Post and Site Editor by default. (79197)

Block Editor

  • Share block-bindings context assembly between call sites. (79855)

Data Layer

  • Blocks: Add innerContent support for static inner blocks, adopt it in the HTML block. (79115)

Components

  • DataViews: Add a richtext control backed by a private RichTextControl shell in wordpress/components. (78471)

Block Library

  • Icons: Add PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher method(s) for rendering inline SVG icons from the registry. (78332)

Enhancements

  • CSSCSS Cascading Style Sheets.: Follow-up fixes to split_selector_list(). (79723)
  • Document 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. relevance, help. (80007)
  • Expose widget categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. through the build pipeline and REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. (79638)
  • Omnibar: Move the ‘site icon in admin bar’ feature from experiment to 7.1 compat. (79807)
  • Scripts: Make ‘test-e2e’ run Playwright and remove Puppeteer. (80058)
  • Site Editor v2 experiment: Hide admin bar in distraction-free mode. (79937)
  • Widget Dashboard: Remove layout-settings editing. (79903)
  • Widget Dashboard: Reserve paint space for tile focus rings. (79990)
  • Widget Primitives: Add WidgetAttributeField for typed attribute schemas. (79544)
  • Widgets: Add a declarative help metadata field, surfaced as a headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. infotip. (79830)
  • Widgets: Add attribute relevance and inline editing in the tile toolbar. (79735)
  • Widgets: Translate title, description, and keywords server-side. (79701)

Block Library

  • Accordion block: Add background gradient support. (79840)
  • Add ariaLabel supports for Tab List Block. (79948)
  • Add icon state classes to Accordion block. (74257)
  • Add layout and block spacing support to Latest Posts block. (77989)
  • Add option to exclude current post from query block. (64916)
  • Animated GIF to video conversion (via mediabunny). (78410)
  • Classic block: Remove migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. notice and restore inserter availability. (79894)
  • Cover: Allow restricting video embed providers. (80092)
  • File Block: Deduplicate the file to audio/video/image transforms. (80158)
  • GIF to video conversion: Make it opt-in. Switching via block transforms. (80072)
  • Generalize playlist block wording. (80071)
  • Icons: 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. the icon library picker by collection. (79681)
  • Make the Playlist blocks stable. (80203)
  • Move styles into specific waveform styles dropdown area. (80060)
  • Playlist Block: Add artwork to play button. (79938)
  • Playlist Block: Add waveform and waveform background color options. (80065)
  • Playlist: Seek value text localization. (79834)
  • Playlist: Update waveform player dependency. (79825)
  • Post Content block: Add background gradient support. (79842)
  • Pullquote block: Add background gradient support. (79841)
  • Quote block: Add background gradient support. (79843)
  • Responsive editing: Hide block toolbar slots when editing a responsive style state. (79998)
  • Second click or space/enter keypress on playing track pauses it. (80066)
  • Stabilize Tabs block. (80163)
  • Tabs: Combine and cleanup toolbar controls. (79537)
  • Tabs: RichText handlers for adding/removing tabs. (79583)
  • Tabs: Wrap tab list onto multiple lines by default. (80097)
  • Term Name: Migrate to textAlign block support. (76581)
  • Use playlist icon for Playlist block. (80174)
  • Verse block: Add background gradient support. (79391)
  • Icon block: Show text and background color controls by default. (80251)
  • Tab List: Add toolbar buttons to reorder tabs. (80107)

Components

  • Base Styles: Make Sass token fallbacks self-contained. (79651)
  • Base Styles: Reapply wpds-var Sass helper. (79470)
  • BorderBoxControl: Hard deprecate 40px default size. (79420)
  • BorderControl: Hard deprecate 40px default size. (79418)
  • Button: Align focus styles with design system. (78646)
  • Checkbox: Add form primitive to wordpress/ui. (80039)
  • ComboboxControl: Hard deprecate 40px default size. (79636)
  • Components/Button: Don’t use box-shadow for secondary buttons. (79982)
  • CustomSelectControl: Hard deprecate 40px default size. (79796)
  • DS: Name font weight tokens by intent. (80093)
  • FontSizePicker: Hard deprecate 40px default size. (79481)
  • FormFileUpload: Hard deprecate 40px default size. (79655)
  • FormTokenField: Hard deprecate 40px default size. (79720)
  • InputControl: Hard deprecate 40px default size. (79962)
  • NumberControl: Hard deprecate 40px default size. (79861)
  • Packages: Update Ariakit to 0.4.32. (79860)
  • Radio: Hard deprecate 40px default size. (79657)
  • RangeControl: Hard deprecate 40px default size. (79590)
  • SelectControl: Hard deprecate 40px default size. (79797)
  • Theme: Remove elevation tokens. (80099)
  • Theme: Restrict seed colors to opaque values. (79773)
  • ToggleGroupControl: Hard deprecate 40px default size. (79656)
  • TreeSelect: Hard deprecate 40px default size. (79550)
  • UI: Add LinkButton. (78944)
  • UI: Add Skeleton component. (79671)
  • UI: Update @base-ui/reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org to 1.6.0. (79408)
  • UnitControl: Hard deprecate 40px default size. (79721)
  • theme: Validate npm publish surface. (79552)
  • ui/IconButton: Restore default tooltip delay. (79505)
  • DataViews: Add shift-click range selection. (80046)

Post Editor

  • Commands: Add toggle for content-only pattern/template part editing. (78383)
  • Commands: Suggest pattern editing toggle for selected patterns. (79566)
  • Editor: Preload the view configuration form request for the DataForm inspector. (79910)
  • Media Inserter: Add pagination to core media inserter categories. (80038)
  • Media Inserter: Allow core media categories to subscribe to changes. (79921)
  • Notes: Add a “Resolved” divider above resolved notes. (80019)
  • Notes: Remove snackbar when resolving or reopening a note. (80017)
  • Preview dropdown: Simplify viewport style state descriptions. (80146)
  • RTC: Remove collaboration notification defaults filter. (79771)
  • Rename ‘Responsive editing’ toggle to ‘Responsive styles’. (80241)
  • Responsive style states: Update responsive editing help text and avoid showing desktop badge. (79615)
  • Restore responsive editing viewport dropdown copy changes. (79999)
  • View config: Add better post type default form. (79625)
  • Visual revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.: Label autosaves in the revisions timeline. (79950)
  • Visual revisions: Make the autosave notice work with the visual revisions UI. (79947)
  • [RTC] Add granular collaboration control. (79184)
  • Notes: Remove “Add note” from the inline styles dropdown. (80531)
  • Device preview dropdown: Use active color for device icon when responsive styles are active. (80346)
  • Editor: Allow selecting which block styles to apply globally. (79839)
  • Notes: Add placeholders to the RichText fields. (80296)
  • Notes: Increase contrast between avatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. border colors. (80285)

Block Editor

  • Add contrast checking for viewport and pseudo states. (80223)
  • Block variations: Support innerContent for the Custom HTML block. (79659)
  • Block visibility: Add theme json opt out. (76559)
  • Classic Block: Remove conversion from BlockInvalidWarning. (79500)
  • Color popover: Move contrast warning notice to the bottom. (79512)
  • Enable text alignment to be set by viewport state. (80037)
  • FontAppearanceControl: Hard deprecate 40px default size. (79635)
  • FontFamilyControl: Hard deprecate 40px default size. (79593)
  • Grid: Add option to stretch columns with auto-fit for better layout flexibility. (79356)
  • LetterSpacingControl: Hard deprecate 40px default size. (79533)
  • LineHeightControl: Hard deprecate 40px default size. (79589)
  • Media Inserter: Guard attach, detach, and invalidate behind a ! isExternalResource check. (79978)
  • Pattern editing: Fade blocks outside the edited pattern in List View. (73997)
  • Responsive editing: Add a Tooltip to the viewport / states badge. (80080)
  • Reflect inherited Global Styles values in block inspector controls. (80481)

Icons

  • Add “sites” icon. (80094)
  • Add APIs for collection and icon registration. (77260)
  • Add Playlist icon. (80168)
  • Add repeat all icon. (79698)
  • Icons Registry: Allow digits and underscores in icon slugs. (79623)

Dashboard

  • Widget Dashboard: Anchor settings drawer to the right and toggle it from the gear. (79683)
  • Widget Dashboard: Refactor tile header and toolbar chrome. (79639)
  • Widget Primitives: Add a field type registry for widget attributes. (80148)
  • Widget inserter: More accurate widget previews. (79517)
  • Widgets: Auto-save inline attribute edits. (79808)

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.

  • Experiments: Move screen under Settings, drop top-level Gutenberg menu and Demo page. (79456)
  • Release: Harden all npm package release paths. (79905)
  • Release: Harden latest npm metadata publishing. (79904)
  • Release: Make npm publishing rerunnable. (80187)
  • Global Styles: Limit the inherited value treatment to the Gutenberg plugin. (80555)

Site Editor

  • Theme: Fill semantic token state gaps. (79770)
  • Theme: Make wordpress/theme ESM only. (80063)

Data Layer

  • Icons: Add an icon collections REST endpoint and tighten name rules. (79686)
  • Packages: Widen React peer dependency support to include React 19. (80024)
  • Client Side Media: Honor image_strip_meta and image_max_bit_depth on the client upload path. (80218)

Global Styles

  • Migrate color palette tabs to wordpress/ui. (79281)
  • Show skeleton placeholder while previews load. (79849)

DataViews

  • View Config: Add version handling. (79809)

Design Tools

  • Global Styles: Match block panel order to the block inspector. (79794)

Extensibility

  • Guidelines: Add Blocks as a registry scope. (79709)

Media

  • Media Editor: Use new Tabs component from the ui package, and its minimal variant. (79664)

Connectors screen

  • Connectors: Add application password settings UI. (79403)

Client Side Media

  • Media: Return the filtered wp_editor_set_quality value in the upload response. (78420)

Bug Fixes

  • Abilities: Support URI schema format. (79555)
  • Command Palette: Show the search icon on desktop as well. (79881)
  • Fix: DataForm inspector shows raw “auto-draft” status for new posts. (79914)
  • Media: Fix fatal error from narrowed create_item_from_url() visibility. (79972)
  • Site Editor: Update default theme color from fresh to modern. (79814)
  • design-system-mcp: Use fixed version for alpha MCP server. (80061)
  • lintstaged: Avoid appending filenames to the prelint:Js command. (79800)
  • Core Abilities: Restore the ready promise and lazy-load via dynamic import. (79155)

Block Library

  • Add translationtranslation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. comment to waveform styles. (80112)
  • Block position: Allow options dropdown to flip. (79798)
  • Blocks: Rename _gutenberg_apply_content_filters() to _wp_apply_content_filters(). (80191)
  • Cover Block: Fix unsaveable state when clearing an embed video background. (80184)
  • Enable default gap processing on Gallery block. (79984)
  • File Block: Changed the context for fetching the media. (80085)
  • Fix – Accordion: Text in a closed accordion panel cannot be found via the browser search. (74744)
  • Fix and permit unitless zeros used in CSS calc functions. (79786)
  • Fix global gap styles for Gallery block. (80030)
  • Fix playlist artwork removal on track switch. (80025)
  • Fix playlist waveform artist rendering. (80104)
  • GIF block variation: Remove icons from “Display as” toolbar buttons and only show when block can be inserted. (79985)
  • Icon block: When the default icon is unregistered, nothing is displayed. (80166)
  • Latest Posts: Parse blocks in full content display. (74866)
  • Make playlist pause button visually match play button. (80217)
  • Navigation Link/Submenu: Run post-status check also without Gutenberg plugin (draft/deleted links regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5.). (79748)
  • Navigation Link: Fix “[object Object]” in link preview for untitled entities. (79616)
  • PHP-Only blocks: Forward current post ID to server render. (78909)
  • Playlist block: Avoid laggy layout shift when changing tracks. (79497)
  • Playlist: Fix flashing track state when adding new track. (80076)
  • Playlist: Show album art thumbnails. (79942)
  • Playlist: Use PlainText v2 to avoid HTML entities. (80068)
  • Remove Playlist border radius support. (79753)
  • Responsive editing: Apply crop dimensions to image block placeholder. (80162)
  • Select tab panel when caret moves into tab. (79558)
  • Tab List: Fix render inline formatting on frontend. (79554)
  • Tabs: Fix active tab switching from a stale inner-block selection. (79981)
  • Tabs: Fix dirty editor state on mount caused by tab-list sync. (79540)
  • Tabs: Fix rich text label comparison when syncing the list. (79582)
  • Tabs: Prevent tab list from moving focus during revision navigation. (79730)
  • Tabs: Remove redundant block selection from Add/Remove tab actions. (79571)
  • Fix crashes when manipulating locked blocks. (80509)
  • Playlist: Fix playback of tracks served without CORS headers. (80533)
  • Fix default aspect ratio for lazy loaded Featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.. (80386)
  • Fix playlist block styling. (80312)
  • Fix: Allow icon labels to wrap with word breaks and no ellipsis. (80256)
  • Hide color controls for Navigation and Social Icons when viewport sta…. (80289)
  • Playlist: Fix track insertion. (80200)
  • Try fixing responsive layout in Nav block. (80305)
  • Media: Remove the redundant __heicUploadSupport flag (#80452). (80486)

Components

  • Autocomplete: Use regular weight for result items. (80196)
  • BorderBoxControl: Fix unlink button positioning after View Emotion migration. (79967)
  • Button: Fix corner artifacts by using background-clip: Border-box. (79524)
  • Button: Fix focus ring for link. (79837)
  • Button: Hide Core focus ring when button as link is pressed. (80082)
  • DataViews: Fix infinite-scroll jump on async page loads. (79546)
  • Divider: Restore lower border specificity. (79534)
  • ExternalLink: Stop setting default rel. (79743)
  • IconButton: Use length zero for inline padding. (79722)
  • Panel: Fix focus style for toggle button. (80064)
  • SandBox: Inject resize script into head to stop it leaking as text. (79920)
  • Storybook: Scope documentation theme providers. (79496)
  • Tabs: Fix stale overflow fade as content settles on load. (79856)
  • Theme: Fix token story swatch 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). (79960)
  • UI: Restore Link focus styles. (80091)
  • useMergeRefs: Apply ref changes after out-of-render attachment. (80133)
  • ContentEditableControl: Fix invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. label association with contenteditable div. (80441)
  • Backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. ColorPicker cursor shaking fix to WordPress 7.1. (80435)
  • DataViews: Fix the list layout ignoring some settings when groupBy is set. (80255)
  • DataViews: Fix the unintended gap between list layout items when groupBy is set. (80254)
  • UI: Backport compat overlay fixes to WordPress 7.1. (80322)
  • fix: Set dataviews popover hover text color. (80105)

Block Editor

  • DimensionControl: Include styles in stylesheet. (79916)
  • Editor: Use the DS focus color for all sidebar elements. (80087)
  • Fix clipped/doubled focus outline on inserter block list items. (79845)
  • Fix unsetting values in viewport states for grid and constrained layouts. (79520)
  • HTML Block: Preserve innerContent when transforming to group, columns. (79887)
  • Move inspector controls styles slot back to previous position. (80111)
  • Render the selected static inner block synchronously. (79726)
  • Rich text: Cut through the record instead of execCommand. (80155)
  • Writing flow: Fix selection end mapping at block boundaries. (80126)
  • useTypingObserver: Capture the window reference for cleanup. (78772)
  • Global Styles: Resolve per-level heading element styles in block inspector controls. (80495)
  • Redirect editing events to extension handlers under editableRoot. (80287)
  • Writing flow: Fully select the items when a selection extends down into a nested item. (80492)

Post Editor

  • Editor: Render back button as proper , which cleans up custom CSS. (79862)
  • Editor: Render post preview action as a menu item. (80195)
  • Fix clipped focus ring on the document bar. (80084)
  • Image: Sideload external images on the server when uploading to the library. (79409)
  • Notes: Allow canceling the autocompleter popover with Escape without dismissing the note form. (80224)
  • Device type preview: Fix collapsing to content height. (80553)
  • Notes: Align floating threads with their inline marker. (79877)
  • Wrap notices in ThemeProvider with 0 corner radius. (80557)
  • Autocompleters: Don’t pre-encode mention search terms. (80377)
  • Editor: Disable canvas resizing while zoomed out. (80391)
  • Fix upload snackbar stuck in uploading state on server-side uploads. (80345)
  • Notes: Finish WPDS treatment for mention chips. (80300)
  • Responsive styles: Open inspector sidebar when toggling. (80307)
  • Responsive styles: Use viewport dropdown to control states for in-editor global styles sidebar. (80339)
  • Fix upload snackbar double-counting a single HEIC upload in Safari. (80436)
  • Editor: Restore fixed device preview height for mobile and tablet. (80466)

Site Editor

  • Editor: Fix regression and restore the back button focus ring. (80029)
  • Editor: Render mobile back button as proper and remove custom CSS. (80032)
  • Editor: restore the behavior of only showing back button focus ring on :Focus-visible. (80114)
  • Style Book: Pass site editor settings to StyleBookPreview on the styles route. (80035)

Media

  • Experimental Media Modal: Ensure selection is properly cleared between open/close. (79731)
  • Media Modals: Invalidate attachment caches when closing the modal. (79844)
  • Media editor modal: Balance top padding for sidebar controls. (79660)

Client Side Media

  • Apply and correct EXIF orientation for client side sub-sizes. (79384)
  • Media: Backport client-side media improvements from WordPress core backports. (79603)
  • Vips: Preserve bit depth of high-bit-depth AVIF in sub-sizes. (79556)

Icons

  • Playlist icon: Fix 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. with missing viewbox. (80180)
  • Store the sanitized SVG content when registering an icon. (80508)

Block API

  • Block Supports: Ensure that custom CSS is output after the block library styles. (80062)

Guidelines

  • Render block icons like the editor so every icon displays correctly. (79738)

Collaboration

  • RTC: Fix autosave update with no content. (79591)
  • Notes: Arm the mention kses allowance on REST note creation. (80221)

Style States

  • Style Engine: Preserve important gradient declarations. (79568)
  • Hide block style variations when state is enabled in global styles. (80341)

Data Layer

  • RTC: Fix undo / redo breakage when plug-in with metaboxMetabox A post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way. is loaded. (79510)

Connectors screen

  • Prevent overscroll bounce for stage and inspector surfaces. (78587)

Global Styles

  • Block Supports: Handle nested array block gap values properly. (80464)
  • Style Book: Restore live global styles updates on the styles route. (80459)

Accessibility

Media

  • Media editor: Address accessibility review feedback. (79966)

Post Editor

  • Editor: Move focus to revisions slider when entering revisions mode. (79691)
  • Replaces the title attributes used by revision inline diff annotations with aria-describedby. (80440)
  • Revisions: Specify block level diff status via aria-label. (77779)

Components

  • 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): Replace local aria-live regions with speak(). (79600)

Block Library

  • Focus first tab when adding Tabs block. (79507)

Performance

  • CI: Avoid full-history checkout for the root-dependencies check. (79489)

Block Library

  • Latest Posts: Fix slow category selection with large category lists. (80198)

Data Layer

  • RTC: Only apply CRDT updates synchronously when collaborating. (79991)

Block API

  • Block Supports: Prevent Additional CSS duplication inside Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. (78282)

Global Styles

  • prepend_to_selector: Optimized with str_replace(). (76556)

Experiments

  • Move long intro to content. (79578)
  • Shorten the page name. (79579)

Post Editor

  • Add PluginPostStatusInfo in DataForm post summary. (79586)
  • Media Inserter: Try adding a simple Attachments category with attach and detach behaviour. (79336)

Guidelines

  • Knowledge: Dissolve the Guidelines singleton into per-scope rows. (79263)
  • Knowledge: Rename the Guidelines CPT storage primitive to Knowledge. (79149)

Block Library

  • Dynamic Gallery Block: Attempt a dynamic mode of the gallery block. (78796)

Documentation

  • Add missing docblocks to client-assets.php. (80135)
  • Added Missing Global Documentation. (79827)
  • Backfill unreleased changelog entries for the widget packages. (79909)
  • Badge: Update storybook with “don’t use icons” example. (79585)
  • Components: Add missing descriptions for design system components. (79460)
  • Components: Document CSS module class composition. (79490)
  • Components: Link recommended UI component. (80127)
  • Design system MCP: Document Codex CLICLI Command Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress. prerequisite for MCP setup. (79917)
  • Docs: Add a widget anatomy doc and lighten the widget system doc. (79435)
  • Docs: Add image hosting guidance to the documentation contributors guide. (79574)
  • Docs: Add missing since, param, and return tags in REST API compat file. (80079)
  • Docs: Clarify release recovery steps. (79884)
  • Fix typo in inline comment in collaboration.php. (80147)
  • Packages: Backport UI and theme release changelogs. (79690)
  • Polish package changelog cleanup. (79826)
  • Theme: Clarify focus token naming documentation. (79764)
  • Theme: Correct documented default background seed. (80237)
  • Theme: Document and test build plugin transform boundaries. (80088)
  • Theme: Document ramp memoization contract. (79459)
  • Theme: Document token naming grammar. (79769)
  • Theme: Remove experimental package messaging. (80049)
  • Theme: Update design token format links. (80052)
  • Theme: Use token reference as documentation source. (79829)
  • ThemeProvider: Document wrapper customization scope. (79763)
  • Updating image urls. (79529)
  • WP Build: Improve documentation for routes. (79688)
  • stylelint-config: Enable token fallback rule. (79768)
  • theme: Clarify package documentation. (79961)

Code Quality

  • Added Missing Global Documentation. (80033)
  • Backport Changelog: Link Core PR #12007 for #75793. (78786)
  • Base Styles: Disallow direct var(–wpds-*) usage. (79424)
  • Build: Move typescript and rimraf out of the root package.json. (80086)
  • CODEOWNERS: Add ownership for widget dashboard areas. (79484)
  • Code Modernization: Use str_starts_with() in WP_Theme_JSON and WP_Duotone. (79519)
  • Dedupe lockfile. (79618)
  • Dependencies: Fix bin resolution, type mismatch, and missing dependencies. (79806)
  • Deprecate @wordpress/reusable-blocks public APIs. (79805)
  • Duotone: Use HTML API class_list for duotone wrapper class handling. (79531)
  • E2E: Ban uuid package via ESLint, use crypto.randomUUID() instead. (79673)
  • Jest: Add missing clsx dev dependency. (79677)
  • Lint-staged: Match lint:Css file globs. (79918)
  • Notes: Simplify inline-note marker stripping to match core backport (#78218 follow-up). (79670)
  • Theme: Use public design token stylesheet imports. (80050)
  • Update webpack to 5.108.1. (79633)
  • Upgrade browserslist to ^4.28.4. (79630)
  • Use null coalescing operator instead of isset() ternaries. (79946)
  • stylelint-config: Convert configuration to ESM. (79755)
  • wp-build: Allow wordpress/theme 1.x peer versions. (80089)
  • Release: Resolve commander from the test file in the release CLI test. (80357)

Block Library

  • Blocks package: Stabilize cloneSanitizedBlock and sanitizeBlockAttributes. (79928)
  • Blocks: Rename _wp_apply_content_filters() to _wp_apply_block_content_filters(). (80225)
  • Button: Fix suppressed ESLint errors. (79944)
  • Dedupe @testing-library/dom to a single 10.4.1 in the lockfile. (79631)
  • Embed: Refactor ‘EmbedPlaceholder’ to use recommended components. (79759)
  • Fix linting of waveform test. (80124)
  • Heading: Fix ESLint warnings. (79694)
  • Icons: Unify collection-scoping route param on collection and validate description. (80113)
  • List: Fix suppressed ESLint errors. (79983)
  • Media Editor: Remove inline cropper (follow-up to #78653). (78654)
  • Playlist: Simplify block track state. (79448)
  • Playlist: Simplify waveform metadata updates. (80193)
  • Remove redundant @jest-environment jsdom pragmas from unit tests. (79672)
  • Remove redundant parentheses around assignments. (79516)
  • Replace obsolete View primitive with plain div. (79767)
  • Stylelint: Enforce class naming for all stylesheets. (79900)
  • Tabs: Remove editor-only block context. (79848)
  • Tabs: Remove unnecessary callback memoization. (79567)
  • Use modern PHP string functions instead of strpos/substr. (79927)
  • Misc fixes for WordPress-Develop 7.0 merges. (80444)
  • Playlist: Update since tags to 7.1.0. (80317)

Components

  • Declare @types/node explicitly and harden no-unsafe-wp-apis. (79626)
  • FocalPointPicker: Complete __next40pxDefaultSize cleanup. (79487)
  • Jest: Mock CSS module class names. (79535)
  • Migrate Flex to SCSS module. (79450)
  • Migrate Spacer to SCSS module. (79449)
  • Migrate Surface to SCSS module. (79445)
  • Migrate Theme away from Emotion. (79447)
  • Migrate Truncate to SCSS module. (79446)
  • Migrate View away from Emotion. (79443)
  • QueryControls: Complete __next40pxDefaultSize cleanup. (79485)
  • Remove unused FocalPointPicker style.scss. (79902)
  • SearchControl: Complete __next40pxDefaultSize cleanup. (79538)
  • Stylelint: Enforce module class naming in UI packages. (79504)
  • Stylelint: Lint all CSS file extensions. (79957)
  • Theme: Cover display contents wrapper focus behavior. (80056)
  • Tools: Restrict layout effect imports in UI and theme. (79476)
  • Update @terrazzo/* to 2.4.0 and regenerate design tokens. (79627)
  • Update stylelint to 16.26.1. (79648)
  • RichTextControl: Replace DOM focus tracking with a single React-tree focus boundary. (80324)

Block Editor

  • Media Inserter: Omit page arg from requests for the first set of results. (80219)
  • Rich Text: Move RichTextShortcut and RichTextInputEvent into wordpress/rich-text. (79828)
  • Rich text: Synchronize the selection before events that consume it. (80151)
  • Simplify layout panel selector getter. (80176)
  • Subscribe to selectionchange permanently in rich text. (79712)
  • TextIndentControl: Remove unnecessary __next40pxDefaultSize prop. (79597)
  • Typewriter: Remove the block selection gate. (80130)
  • Use core/registered-block in reducer tests. (79522)

Post Editor

  • Declare undeclared workspace dependencies. (79684)
  • Editor: saveDirtyEntities: Don’t allow onSave to filter records. (79850)
  • Observe typing on the writing flow node. (80131)
  • Style Book: Migrate to Tabs from wordpress/ui. (80040)
  • Notes: Render @ mentions as span chips and narrow the kses class allowance. (80528)
  • Notes: Replace blur-deselect bookkeeping with useFocusOutside. (80222)

Icons

  • Add Storybook React Vite dev dependency. (79506)
  • Icons Registry test: Fix trigger_error suppression on WP < 7.0. (79607)
  • Validate SVG icons include currentColor. (79751)
  • Backport from Core: Improve icon name unit tests. (80552)

Design Tools

  • Block Style Variations: Simplify block style variation selector regex. (79924)
  • Block Supports: Guard elements hover rendering against missing hover selector. (79511)

Plugin

  • Move icon tests out of phpunit/experimental. (79695)
  • Move real-time collaboration compat code to wordpress-7.1. (79863)
  • Icons: Fix collection unregister not removing icons after core added its own registry. (80292)

Guidelines

  • Guidelines end-to-end Tests: Wait for boot to load copy page. (79663)
  • Use str_starts_with() in is_block_meta_key(). (79491)

DataViews

  • Sync changes from core for view-config version handling. (80170)

Widgets Editor

  • Edit Widgets: Remove unused customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings.-edit-widgets-initializer style.scss. (79915)

Client Side Media

  • Vips: Add positional-crop test for high-bit-depth AVIF. (79880)
  • Vips/upload-media: Consolidate optional params into options objects. (80330)

Data Layer

  • Packages: Backport package release metadata. (79702)

Patterns

  • Pattern editing: Use section block selector for pattern display identity. (79565)

Global Styles

  • Reject non-string custom CSS in the REST controller. (80338)

Tools

  • CODEOWNERS: Exclude eslint suppressions.json from /tools ownership. (80125)
  • CODEOWNERS: Exclude stylelint suppressions.json from /tools ownership. (80171)
  • Project automation: Stop flagging returning contributors as first-timers when they use hidden email addresses. (79987)

Testing

  • Add an end-to-end test for single paragraph selection on triple click. (79706)
  • Automated Testing: Configure lint:Css to report needless disables. (79788)
  • Automated Testing: Enforce dependencies checks consistently for development files. (79703)
  • Automated Testing: Enforce no-unresolved checks for test files. (79718)
  • Automated Testing: Use three-dot diff comparison for changelog checks. (79548)
  • Fix flaky “can use appender in site editor sidebar list view” end-to-end test. (80044)
  • Fix flaky ‘Activate theme’ end-to-end test. (80090)
  • Flaky tests: Fix rich text backtick undo. (80183)
  • Flaky tests: Fix widgets global inserter. (80177)
  • Flaky tests: Fix writing flow arrow navigation. (80179)
  • Icons: Fix viewBox casing assertion in wp_get_icon test for older WP. (79576)
  • Image: Use Playwright’s locator.drop for media placeholder drop test. (79733)
  • Perf tests: Wait for upload queue to settle between media-upload iterations. (79952)
  • RTC: Add RTC WebSocket tests to CI. (79757)
  • RTC: Improve stress test flakines. (79954)
  • Skip flakey collaboration end-to-end test. (79922)
  • Tests: Fix flaky ‘GIF to Video’ end-to-end test. (79758)
  • Tests: Honor waitForUploadQueueEmpty timeout in client-side media. (79783)
  • Upgrade Playwright to v1.61. (78632)
  • Fix useHomeEnd on tabs in mac testing. (80374)

Build Tooling

  • Add more workflow file static analysis with Zizmor. (71523)
  • Build: Make installed-deps check layout-agnostic and surface opt-out env var. (79687)
  • Build: Support –skip-types in npm run dev. (79736)
  • Build: Upgrade to TypeScript 7.0. (80083)
  • CI: Enforce pruned ESLint suppressions during lint. (79708)
  • Docs: Generalize the npx guidance in AGENTS.md to cover wp-scripts. (79973)
  • GithubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ workflows: Extend package changelog nudge to bundled packages. (78934)
  • React 19 patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing.: Log warnings when polyfills are hit. (79624)
  • React 19: Patch to support legacy inert attribute values. (79475)
  • Release: Revert to 23.5rc-3. (79741)
  • Update actionlint to version 1.7.12. (79833)
  • theme: Protect design tokens CSS import. (79551)
  • Only include icon library SVGs listed as public in the Zip file published to GitHub Container Registry for wordpress-develop. (79338)
  • Release: Extract npm release lifecycle. (80190)

Data Layer

  • Backport changelog and package version updates from NPM. (79816)

Components

  • Add an editableRoot block support for native cross-block selection. (79105)

Post Editor

  • Always iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. (74042)

Security

  • Opt in to npm v11 supply-chain security features. (79614)
  • Revert npm v11 supply-chain settings (allow-git, allow-remote, allowScripts). (79667)

npm Packages

  • Build: Fix non-breaking npm audit vulnerability alerts. (79886)

First-time contributors

The following PRs were merged by first-time contributors:

  • @bgrgicak: Backport changelog and package version updates from NPM. (79816)
  • @deepakpra: Add icon state classes to Accordion block. (74257)
  • @g-elwell: Add option to exclude current post from query block. (64916)
  • @priethor: Project automation: Stop flagging returning contributors as first-timers when they use hidden email addresses. (79987)
  • @saulirajala: Navigation Link/Submenu: Run post-status check also without Gutenberg plugin (draft/deleted links regression). (79748)
  • @SohamPatel46: Fix – Accordion: Text in a closed accordion panel cannot be found via the browser search. (74744)
  • @milindmore22: Fix: Allow icon labels to wrap with word breaks and no ellipsis. (80256)
  • @Pranjal1423: fix: Set dataviews popover hover text color. (80105)

Contributors

The following contributors merged PRs in this release:

@aagam-shah @aaronrobertshaw @adamsilverstein @aduth @alecgeatches @andrewserong @annezazu @anomiex @arthur791004 @bgrgicak @cbravobernal @ciampo @danluu @deepakpra @desrosj @dmsnell @ellatrix @enejb @fushar @g-elwell @getdave @gziolo @himanshupathak95 @huzaifaalmesbah @im3dabasia @jasmussen @jeryj @johnbillion @jonathanbossenger @jorgefilipecosta @josephscott @jsnajdr @juanfra @juanmaguitar @Mamaduka @manzoorwanijk @mcsf @milindmore22 @mirka @Mustafabharmal @noruzzamans @ntsekouras @Pranjal1423 @prasadkarmalkar @priethor @ramonjd @retrofox @rohitmathur-7 @SainathPoojary @saulirajala @scruffian @shail-mehta @shekharnwagh @shrivastavanolo @simison @sirreal @Soean @SohamPatel46 @shimotmk @t-hamano @taipeicoder @talldan @tellthemachines @tyxla @xavier-lc @youknowriad

Props to @huzaifaalmesbah for reviewing.

#block-editor #core-editor #gutenberg #gutenberg-new

What’s new in Gutenberg 23.5? (July 1, 2026)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s New In
Gutenberg 23.5?

Gutenberg 23.5 has been released and is available for download!

This release adds cropping controls to the Media editor, brings it to the Cover 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 extends responsive style states with aspect-ratio, flex-alignment, and text-shadow controls. Other changes include a minimum WordPress version bump to 6.9, Icon block transforms, and real-time collaboration improvements.

Table of contents

  1. Media Editor Cropping and Cover Block Support
  2. Unified Device Preview and Resizable Editor
  3. Other notable highlights
  4. Changelog
  5. First-time contributors
  6. Contributors

Media Editor Cropping and Cover Block Support

The experimental Media editor gains several cropping improvements: a magnified crop canvas for fine adjustments (79044), crop handles that snap to source pixels (79139), and fixed keyboard resizing for locked aspect-ratio crops (79207). The Cover block now supports the Media editor modal, bringing inline cropping to cover images. (79258)

Unified Device Preview and Resizable Editor

You can now drag the editor canvas to any width, instead of being limited to the Desktop, Tablet, and Mobile presets. The device preview dropdown and the resize handles work together, so you can jump to a preset viewport or fine-tune to an exact width in between. Blocks set to show only on specific viewports respond as you resize, appearing and disappearing at their breakpoints. The preview dropdown also now holds a toggle for responsive editing, making it the central place to both preview your content across screen sizes and make viewport-specific adjustments. (75121)

Other Notable Highlights

  • Minimum WordPress version. The Gutenberg 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. now requires WordPress 6.9 or later (79196).
  • Global Styles adds text shadows. A new textShadow style adds support for configuring text shadows in Global Styles. (73320)
  • Icon block. Adds flip and rotate controls (77017) and inserts a default icon instead of an empty placeholder (79111).
  • Real-time Collaboration. Can now be disabled per post type (78984), and the code-editor cursor no longer jumps to the end on remote sync (79005).
  • ThemeProvider available as a public export. ThemeProvider is now exported directly from @wordpress/theme. (78664)

Changelog

Enhancements

  • Style Engine: Export public TypeScript types. (79079)
  • 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. Primitives: Decouple discovery from a hardcoded endpoint. (79322)
  • Widget Primitives: Make @types/react an optional peer dependency. (79272)

Components

  • Add corner radius presets to ThemeProvider. (78816)
  • Autocomplete: Add Group and GroupLabel primitives. (78901)
  • Base Styles: Add wpds-var Sass helper for design token fallbacks. (78698)
  • BaseControl: add text-wrap: Pretty. (79112)
  • BoxControl: Hard deprecate 40px default size. (79419)
  • Components, DataViews: Adopt –wpds-dimension-size-* tokens. (79093)
  • ESLint, UIUI User interface, Components: Mark Tooltip from wordpress/ui as recommended. (78693)
  • Popover: Add open/close motion and fix close re-anchor. (78885)
  • Theme: Add Figma scopes to element size tokens. (79032)
  • Theme: Add disabled variants for brand and error interactive color tokens. (79124)
  • Theme: Add stroke-surface tokens for the caution tone. (79198)
  • Theme: Apply ThemeProvider styles inline (I2). (78678)
  • Theme: Differentiate –wpds-color-fg-interactive-{brand,error}-active vs resting state tokens. (79151)
  • Theme: Enforce sRGB seed-color input contract for ThemeProvider. (79148)
  • Theme: Provide design-system token defaults without a runtime <ThemeProvider>. (78664)
  • Theme: Skip serializing data-wpds-root-provider=”false” on non-root providers. (79253)
  • Theme: forward ThemeProvider cornerRadius preset to :Root for root providers. (79153)
  • UI Field.Description: add text-wrap: Pretty. (79143)
  • UI: Disable instant overlay popup transitions. (79432)
  • UI: Simplify focus ring styles. (78823)
  • UI: Use isomorphic layout effects for SSR. (79458)
  • Update @ariakit/reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org to 0.4.29. (79055)
  • [DataViewsPicker]: DataViewsPicker.BulkActionToolbar now renders only the bulk-selection info and action buttons. (79180)
  • theme: Rename bg/fg design token groups to background/foreground. (79098)

Block Library

  • Add support for aspect ratio and related controls in viewport states. (78795)
  • Audio: Apply inert directly instead of wrapping in Disabled. (79423)
  • Classic Block: Port PHPUnit coverage for hiding it from the inserter. (79434)
  • Cover block: Add media editor modal. (79258)
  • File Block: Combine audio/video/image to file transforms. (79242)
  • File Block: Replace on-mount downloadButtonText effect with a default variation. (79236)
  • Icon Block: Add flip and rotate transformation controls. (77017)
  • Icon block: Default to coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./info via block.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. instead of an insert-time effect. (79212)
  • Icon block: Move flip controls to toolbar group. (79192)
  • Icons block: Insert an icon by default. (79111)
  • Math format: Seed LaTeX input from the current selection. (79052)
  • Pullquote: Migrate to text-align block support. (79225)
  • Remove orphaned convertToListItems util. (79400)
  • Search block: Add opt-in support for the semantic element. (78485)
  • Tabs: Simplify layout and prune redundant block supports. (77646)
  • Try: Remove Tab (Tab list item) block. (77439)
  • Video: Apply inert directly instead of wrapping in Disabled. (79371)

Post Editor

  • Block Editor: Allow overriding disableContentOnlyForTemplateParts setting. (79191)
  • Editor: Hide cmd palette shortcut in document bar when adminadmin (and super admin) bar is shown. (79060)
  • Feature: Need to add “Show More” / “Show Less” toggle in Note. (77446)
  • Notes: Simplify ‘Show more/less’ collapse logic. (79261)
  • Rename Toolbar in editor experiment to match iteration issue. (79074)
  • RevisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. screen with picker-activity layout. (77333)
  • Style states: Use symbols for property keys to avoid clashes. (79210)
  • Integrate Resizable Editor with Device Preview and add Responsive editing. (75121)

Site Editor

  • Add xl border radius token for page shell surfaces. (78913)
  • Change ‘Identity’ nav item position. (79292)
  • Handle aria-current natively in SidebarNavigationItem. (79305)
  • Introduce isHidden prop for SidebarNavigationItem. (79352)
  • Omnipresent toolbar: Show site icon instead of dashicon if set. (79049)
  • Update spelling within the welcome tour. (53028)

Block Editor

  • Add flex vertical alignment tool to block inspector layout panel. (79426)
  • Correct behaviour of flex child fixed width and introduce max width option. (79073)
  • Global Styles: Add textShadow style support. (73320)
  • List View block support: Hide list tab when allowedBlocks is empty, with no children. (78932)
  • Pattern editing: Show root block identity when editing pattern sections. (79417)

Media

  • Media Editor Modal: Add a loading and simple error state. (79101)
  • Media Editor: Magnify the crop to fill the canvas. (79044)
  • Media Fields: Ensure the current post is always included in the initial options. (79467)
  • Media editor: Snap crop handles to source pixels. (79139)

Data Layer

  • RTC: Allow disabling collaboration by post type. (78984)
  • TextControl: Hard deprecate 40px default size. (79386)
  • View Config: Request a subset of properties with the _fields parameter. (79355)

Client Side Media

  • Media: Rename HEIC companion metadata key to source_image. (79307)
  • Upload Media: Add error taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies., localized messages, and dev diagnostics. (74917)
  • Vips: Inline WASM with compact UTF-8 binary encoding instead of base64. (79188)

Dashboard

  • Boot: Run page init modules in initSinglePage. (79394)
  • Widget Dashboard: Extract into wordpress/widget-dashboard. (79268)

npm Packages

  • Grid: Prepare wordpress/grid for npm publishing as experimental 0.1.0. (79071)
  • Widget Primitives: Extract into wordpress/widget-primitives. (79134)

DataViews

  • View configuration APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. and REST Endpoint: Make them core ready. (79347)

Plugin

  • Bump minimum required WordPress version to 6.9. (79196)

Global Styles

  • Global styles revisions: Replace active text with badge. (79137)

Icons

  • Add media control and backup icons. (78987)

Block bindings

  • Block bindings : Add support to list-item. (78947)

Bug Fixes

  • Block Bindings: Preserve nested lists when binding List Item content. (79346)
  • Elements tests: Accept both md5 and sequential wp-elements-* class names. (79300)
  • Plugins API: Fix the plugin ‘render’ property validation. (79315)
  • V2 Site Editor: Fix template edit routes. (79230)
  • wp-build: Return null from getPackageInfo on resolve miss instead of throwing. (78715)

Post Editor

  • Block Fields: Fix crash resolving pattern overrides bindings. (79092)
  • DataFormPostSummary: Fix different useSelect returned values. (79478)
  • Editor: Disable saving while a non-post entity is being saved. (79069)
  • Editor: Guard PostViewLink against post types without a labels object. (79160)
  • Mark all controlled/mode block changes non-persistent. (79350)
  • Paste: move spaces out of inline formatting elements. (79637)
  • RTC: Fix code editor cursor jumping to the end on remote sync. (79005)
  • Revisions: Ignore empty []/{} metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. values in the Meta diff panel. (79185)
  • Style Book: Fix crash when previewing variations for blocks without examples. (79131)

Block Library

  • Avoid dirtying related navigation entities during passive render. (79000)
  • Custom HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers.: Fix scrollbar becoming non-functional after switching tabs. (78571)
  • Gallery: Hide Navigation button type when lightbox editing is disabled. (79147)
  • Image block: Remove duplicate data-wp-bind–srcset in the lightbox overlay. (79202)
  • Image: Fix pasted images stretching when dimensions are preserved. (79067)
  • Navigation block: Fix responsive style states for typography settings. (79072)

Components

  • BoxControl: Respect a supplied placeholder via inputProps. (79466)
  • DataForm panel layout: Fix double-clicking a field row leaving the flyout stuck open. (79348)
  • DataForm: Fix panel field control overflow clipping and remove button overrides. (79275)
  • Docs: Fix typos in README files. (79331)
  • Fix: Custom HTML block preview keeps expanding when iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. uses height:100vh. (78677)

Block Editor

  • Fix potential crash from ‘useBlockToolbarPopoverProps’. (79178)
  • Fix: State styles – clear background-image when hover sets a solid background-color. (78992)
  • Grid overlays: Use canvas iframe window for viewport visibility detection. (79255)
  • RichText: Fix duplicated format wrappers when typing inside an applied format. (79091)
  • Template Part: Remove restriction on tabs / inspector fills. (79181)

Media

  • Media Editor: Fix crop canvas pinch zoom. (79332)
  • Media Editor: Keep the modal skeleton pinned in the editor flow. (79070)
  • Media editor modal: Fix keyboard resizing for locked aspect-ratio crops. (79207)

Site Editor

  • Fix admin color scheme bleeding through the mobile content scrollbar gutter. (79056)
  • Save hub button styling while saving. (79287)

Command Palette

  • Fix duplicate enqueue breaking the palette in the Site Editor. (79396)

Client Side Media

  • Vips: Bump wasm-vips to 0.0.18 for high-bit-depth AVIF decoding. (79179)

Icons

  • KSES: Allow SVG-specific presentation attributes in safe_style_css. (79172)

Style States

  • Fix responsive element styles front end output. (79135)

Data Layer

  • Core Data: Cleanup edits matching persisted record on undo/redo. (77100)

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)

Media

  • Media Fields: Avoid focus loss when detaching the current parent. (79468)

Dashboard

  • Revert H1 to “Dashboard” and fix heading hierarchy. (79251)

Components

  • UI Button: Fix loading state in forced colors. (78820)

Performance

  • Blocks: Migrate Markdown converter from showdown to marked. (77953)

Post Editor

  • Use the correct directory for recent preload improvements. (79359)

Experiments

Post Editor

  • Editor Inspector with DataForm – remove revision panel and add link. (79195)
  • al: Expand Editor Inspector: Use DataForm experiment to template parts. (79399)
  • Experimental: Expand Editor Inspector: Use DataForm experiment to templates. (76934)
  • Experimental: Preserve editor panel visibility in the DataForm post summary. (79441)

Site Editor

  • Omnipresent Toolbar: Increase top padding in 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. nav title. (79083)

Block Library

  • Unwrap Classic block migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. notice experiment. (78165)

Documentation

  • Clarify Core-specific steps when bumping support. (79416)
  • ConfirmDialog: Document AlertDialog as successor in Storybook. (79293)
  • Fix Small Typo in block-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. file. (79367)
  • Panel: Recommend CollapsibleCard for use outside the block inspector. (78863)
  • Storybook: Reorganize design system introduction for first touch-point usefulness. (79360)
  • Storybook: Upgrade Storybook to 10.4. (77382)
  • Theme: Add design tokens maintainer’s guide documentation. (79157)
  • Widget Primitives: Document the experiment-gated REST endpoint. (79264)
  • Widget Primitives: Make contract and story documentation host-agnostic. (79358)
  • design-system-mcp: Improve README overview and setup instructions. (79238)

Code Quality

  • Add lock-unlock route as a workspace and update dependencies. (79138)
  • CI: Disallow new dependencies in the root package.json. (78616)
  • Patterns: Add a missing gap to ‘Enable overrides’ modal. (79421)
  • Refactor npm-package-json-lint configuration and update dependencies. (79223)
  • Refactor to move ‘glob’ dependency to appropriate workspaces. (79145)
  • Refactor to rename ‘wordpress/lock-unlock’ to ‘wordpress/routes-lock-unlock’. (79163)
  • Scripts: Avoid tests getting published to npm. (79204)
  • chore: Remove wordpress/vips dependency from root. (79249)
  • chore: Remove glob from root pkg json. (79183)
  • e2e: Retry transient theme activation failures in pages spec. (79171)
  • fix: Add missing root devDependencies for WordPress packages. (79221)

Components

  • Add Emotion migration guardrails. (79442)
  • Button: Use font weight token. (79278)
  • Complete WPDS token migration for remaining borders. (79003)
  • DataForm: Align label-side gap of panel layout with regular layout. (79311)
  • Make ResizableBox children prop optional. (79370)
  • Migrate Divider to SCSS module. (79444)
  • Migrate compose package to TypeScript. (70618)
  • Popover: Align transition state styles. (79410)
  • Re-land WPDS border token migration with Emotion-safe comments. (79244)
  • Refactor Prettier configuration and update dependencies. (79219)
  • Refactor withFallbackStyles from class to function component. (78837)
  • Refactor: Move stylelint configuration and deps to tools/stylelint workspace. (79226)
  • Restore shared stylelint cursor rule. (79425)
  • Theme: Add tests for ThemeProvider and useThemeProviderStyles. (79126)
  • Theme: Drop –wpds-dimension-base from the public token surface. (79254)
  • Theme: Rename –wpds-color-stroke-focus-brand token to –wpds-color-stroke-focus. (79125)
  • Theme: Run stylelint plugin tests via the Node API. (79199)

Post Editor

  • Edit Post: Refactor MetaBoxesSection to use data hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same.. (79433)
  • Edit Post: Refactor and cleanup InitPatternModal component. (79190)
  • Editor: Migrate FlatTermSelector to UI Stack component. (78659)
  • Editor: Refactor AutosaveMonitor to a function component. (79043)
  • Editor: Remove orphaned editor-help component leftovers. (79324)
  • Editor: Use Stack for post summary. (79397)
  • Fields: Move author fields for templates and template parts. (79395)
  • Validation: Add a published-dependency audit script. (79094)

Block Library

  • Blocks: Use positional sprintf placeholders in avatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name., comment, and search renderers. (79290)
  • Image block: Simplify metadata syncing logic by removing chained get entity calls. (79469)
  • Math format: Simplify the onClick handler and use canonical selected-text capture. (79081)
  • Navigation: Use block context to determine whether Page List is nested in Submenu. (79048)
  • Remove unused Babel optimization plugin. (79162)
  • Tabs: Pre-stabilization API cleanup and refactoring. (79337)

Data Layer

  • Core Data: Don’t use ‘useQuerySelect’ in ‘useEntityRecord(s)’ hooks. (76198)
  • Packages: Fix the published dependency surface of npm packages. (79095)

Patterns

  • Add end-to-end coverage for pattern wrapper block identity. (79462)

Media

  • Media Editor: Align crop settle state with transition completion. (79339)

Block Editor

  • Convert utility modules to TypeScript. (79323)

Site Editor

  • Patterns: Migrate modals to wordpress/ui components and fix rename input width. (79233)
  • Theme: Restore public ThemeProvider export. (79620)

Icons

  • Use snake_case file_path key in icon registry. (79100)

Tools

  • Eslint: Move deps from root into tools/eslint and packages/eslint-plugin. (79110)

Testing

  • Automated Testing: Add babel-plugin-transform-import-meta to emulate import.meta.dirname. (79362)
  • Automated Testing: Globally shim Element#getClientRects. (79353)
  • Automated Testing: Use static value for IS_GUTENBERG_PLUGIN env setup. (79201)
  • CI: Run PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher unit tests on PHP 8.4 and 8.5. (79260)
  • Components: Improve Menu unit tests performance by removing sleeps. (79295)
  • E2E: Support WordPress installs served from a subdirectory. (79166)
  • Ignore markdown linting for backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch.-changelog MD files. (79392)
  • devops: Dedicated histories for different node.js versions. (79473)
  • devops: Separate environments for jest date tests. (79453)
  • wp-build: Resolve wordpress/build from __dirname in resolve-miss test. (79208)

Build Tooling

  • Build: Add GUTENBERG_CHECK_INSTALLED_DEPS env var to opt out of installed-deps check. (79068)
  • Build: Replace unmaintained release actions. (78258)
  • Build: Use GUTENBERG_TOKEN when creating the release draft. (79747)
  • Configure Flakiness.io reporting for end-to-end tests. (79173)
  • Handle WP.org SVNSVN Subversion, the popular version control system (VCS) by the Apache project, used by WordPress to manage changes to its codebase. missing tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) warnings. (79257)
  • Remove Lighthouse patchpatch A special text file that describes changes to code, by identifying the files and lines which are added, removed, and altered. It may also be referred to as a diff. A patch can be applied to a codebase for testing.. (79319)
  • Remove unused build:Profile-types and component-usage-stats scripts. (79113)
  • Revert “Base Styles: Add wpds-var Sass helper for design token fallbacks”. (79429)
  • Storybook: Include playground stories and MDX in CI smoke tests. (79454)
  • design-system-mcp: Remove Storybook dependency in TypeScript types. (79132)
  • devops: Configure end-to-end report auto-upload for flakiness.io dashboard. (79411)
  • devops: Upload unit testunit test Code written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression. results to flakiness dashboard. (79414)

Data Layer

  • Backport changelog and package version updates from wp/latest. (79234)

Block Editor

  • Block Supports: Relocate text and bg color controls to Typography and Background panels. (77279)

Security

  • Dependabot: Add npm entry so security update PRs can be rebased. (79076)

Various

  • View configuration endpoint: Bring back changes from core. (79438)

Components

  • Icons: Self declare color. (79320)
  • Revert “Components: Complete WPDS token migration for remaining borders”. (79243)

Plugin

  • Remove ObliviousHarmony from CODEOWNERS for packages/env. (79308)

Post Editor

  • Sync editor settings in layout effect (fixes autosave e2e). (78799)

Client Side Media

  • Reconcile feature-detection docblockdocblock (phpdoc, xref, inline docs) with implemented checks. (75851)

First-time contributors

The following PRs were merged by first-time contributors:

  • @aslushnikov: Configure Flakiness.io reporting for end-to-end tests. (79173)
  • @ishitaj34: Gallery: Hide Navigation button type when lightbox editing is disabled. (79147)
  • @lonesahilnazir: Image block: Remove duplicate data-wp-bind–srcset in the lightbox overlay. (79202)
  • @sdnunca: Plugins API: Fix the plugin ‘render’ property validation. (79315)
  • @slackticus: Build: Replace Tooling unmaintained release action (78258)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @adamsilverstein @adamziel @aduth @andrewserong @aslushnikov @cbravobernal @chihsuan @ciampo @CookieDarb @desrosj @dhruvikpatel18 @ellatrix @fushar @hbhalodia @himanshupathak95 @i-am-chitti @im3dabasia @ishitaj34 @jameskoster @jasmussen @jordesign @jorgefilipecosta @jsnajdr @juanfra @kushagra-goyal-14 @lonesahilnazir @Mamaduka @manzoorwanijk @maxschmeling @Mayank-Tripathi32 @mcsf @mirka @Mustafabharmal @ntsekouras @oandregal @ralucaStan @ramonjd @retrofox @rushikeshmore @SainathPoojary @saulyz @scruffian @sdnunca @shail-mehta @shekharnwagh @shimotmk @shrivastavanolo @slackticus @t-hamano @taipeicoder @talldan @tellthemachines @tyxla @USERSATOSHI

Props to @wildworks, @ramonopoly, and @akirk for reviewing and providing demo videos.

#block-editor #core-editor #gutenberg #gutenberg-new

What’s new in Gutenberg 23.4? (June 17, 2026)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s new in
Gutenberg 23.4?

Gutenberg 23.4 has been released and is available for download!

Gutenberg 23.4 brings resilient media uploads, continued media editor refinements, visual updates for the Site Editor and experimental dashboard, new Grid transforms, and developer-facing improvements for DataViews and design-system foundations and a whole lot more. Thanks to everyone who contributed to the release.

Table of contents

  1. Preparing WordPress for React 19
  2. The Site Editor follows your admin color scheme
  3. Media
  4. Columns and Gallery blocks can transform into grid layouts
  5. Other notable highlights
  6. Changelog
  7. First-time contributors
  8. Contributors

Preparing WordPress for ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org 19

23.4 introduces a new experimental flag that can register version 19 of React runtime scripts: react, react-dom, and react-jsx-runtime. This gives developers a way to test plugins, themes, blocks, and editor integrations against the React 19 runtime before it becomes the default (#79077, #78685, #79142). To test, head to the experiments page /wp-admin/admin.php?page=experiments-wp-admin and activate the “React 19” experiment.

Registers React 19 as the bundled React version, replacing the default React 18 scripts.

Tips for testing: Although React 18 and 19 APIs are practically identical, there are some runtime incompatibilities that had to be resolved with an additional compatibility layer. When testing a 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. or theme with the React 19 experiment, developers should pay close attention to any warnings and console errors. Test all custom adminadmin (and super admin) pages that your plugin registers and that use React. Test everything in the editor UIUI User interface that uses refs, ref callbacks, portals, or third-party component libraries. Review your build pipeline to check that usages of react/jsx-runtime link to the externalized WordPress script instead of bundling it.

The Site Editor follows your admin color scheme

The Site Editor 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. and page shell now follow the user’s WordPress admin color scheme instead of always using a fixed dark background. This brings the Site Editor chrome closer to the rest of the admin experience across color schemes (#78397).

Media

The media editor modal received a round of usability and design improvements. Editable attachment fields appear at the top of the details panel (#78896, #78792). The mobile toolbar has been updated to include aspect ratio control, zoom uses plus and minus buttons (#78935, #78928, #79011, #79024).

Client-side media processing introduced an upload progress snackbar to 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. Editor, including batch upload counts (#77249). The upload queue will pause while offline, resuming automatically when the connection returns (#76765).

Block transforms can now target a specific variation of another block. In practice, this enables new transforms from Columns and Gallery blocks into a Grid variation, preserving content while changing the layout type (#78713).

Columns and Gallery blocks can transform into grid layouts

Other notable highlights

  • UltraHDR image support — UltraHDR JPEGs are detected during upload, originals are kept unmodified, and resized sub-sizes preserve the ISO 21496-1 gain map (#74873).
  • New Dashboard experience experiment — A new Events 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. for upcoming WordPress community events was added (#78553), as well as a responsive grid columns with container breakpoints (#78732).
  • DataViews configuration becomes filterable A new filterable APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. extracts entity view configuration out of the REST controller and into a reusable function (#78977).
  • Playlist block — Adds a visualization style selector for waveform styles, plus a track length setting (#76147, #78954).
  • Login/out block — This block can now be inserted inside the Navigation Submenu block (#75497).
  • Block transforms — For transforms, you can target a variation of another block (#78713).
  • Real time collaboration (RTC) reliability work — RTC shipped improvements including a separate document persistence endpoint, collaborator overlay rerenders, polling improvements, forbidden room handling, CRDT typing fixes, and undo manager fixes (#78891, #78636, #78811, #78748, #78756, #78864).

Changelog

Features

Post Editor

  • Show media upload progress in a snackbar. (77249)

Client Side Media

  • Revert client-side media processing plugin-only gate. (76751)

Enhancements

  • Tooltip migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.: Boot consumers + shell-level Tooltip.Provider (5/5). (78692)
  • Tooltip migration: Fields + media-editor + media-fields + global-styles-ui (4/5). (78691)
  • Migrate the browserlintrc file to packages/postcss-plugins-preset. (78764)

Components

  • Combobox: Add primitives. (78399)
  • Compose: Support React 19 ref callback cleanups in useMergeRefs. (78685)
  • DataViewsPicker: Add a new pickerActivity layout. (78941)
  • Storybook: Enhance Theme Provider example with admin-ui Page. (78814)
  • Theme package: Add element size design tokens. (76545)
  • Theme: Drop density support from @wordpress/theme. (78741)
  • Theme: Increase stroke1 contrast target to 2.9. (77599)
  • Tooltip: Use md border radius for portaled popups. (78983)
  • UI: Update CSSCSS Cascading Style Sheets. cascade layers to use nesting. (78959)
  • UI: Update @base-ui/react to 1.5.0. (78448)

Block Library

  • Add playlist track length setting. (78954)
  • Blocks: Allow the Loginout block as an inner block in the Navigation Submenu block. (75497)
  • Hide paragraph Drop Cap and Fit Text controls when a state is selected. (78672)
  • Icons: Rename timeToRead to time. (78804)
  • Playlist Block: Add visualization style selector. (76147)
  • Try allowing transforms to a variation of another block. (78713)

Media

  • Media Editor Modal: Reorder details fields so the editable regular layout fields appear at the top. (78792)
  • Media Editor: Add aspect ratio control to mobile toolbar. (78935)
  • Media Editor: Refactor modal layout. (78896)
  • Media Editor: Replace the zoom slider with +/- buttons. (78928)
  • Media editor: Tweak paddings and margins. (79009)

Dashboard

  • Move layout settings to customize toolbar. (78738)
  • Opinionated grid columns with container breakpoints. (78732)
  • Promote WidgetRender into widget-primitives. (78821)
  • Replace grid row height controls with size presets. (78735)
  • Use Howdy greeting for page title. (78740)

Post Editor

  • UI: Tooltip.Provider — forward upstream closeDelay and timeout props. (78642)
  • Upload Media: Add retry with exponential backoff and networknetwork (versus site, blog) resilience. (76765)
  • Use search_columns=post_title for parent page selector REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/ searches. (78683)

Data Layer

  • RTC: Add separate doc persistence endpoint. (78891)
  • RTC: Re-render collaborators overlay when the block tree changes. (78636)

Collaboration

  • RTC: Prevent slower polling filters. (78811)
  • RTC: Return forbidden rooms together. (78748)

Site Editor

  • Apply the user’s admin color scheme. (78397)
  • Post list: Remove close button from Quick Edit drawer. (78730)

Block Editor

  • Changed labels to consistently use Patterns in favor of Block patterns. (56880)
  • List View: Remove redundant visibilityLabel compoutation. (78640)
  • Add React 19 as an experimental flag. (79077)

Icons

  • Maintain absolute stroke-width regardless of icon-size. (78774)

Font Library

  • Fix Update button staying active when changes are reverted. (78567)

Client Side Media

  • Extract entity view configuration into a filterable API. (78977)

New APIs

Extensibility

  • Extract entity view configuration into a filterable API. (78977)

Bug Fixes

  • Build: Document the hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. generated by the wp-build page templates. (78826)
  • Scripts: Use require.resolve for SVG webpack loaders to fix pnpm compatibility. (78777)
  • [Content Types]: Fix extra Page padding causing vertical scrollbar. (78661)
  • env: Replace extract-zip with adm-zip to fix hang on Node 24.16. (78828)
  • wp-build: Fix black flash on wp-admin pages before hydration. (78493)

Block Library

  • Common CSS: Avoid false-positive border-style on custom properties. (77476)
  • Fix playlist metadata edits recreating player. (78876)
  • Fix type of $block_instance parameter in block_core_image_render_lightbox(). (78790)
  • Paragraph: Strip stale block-support classes from className during align attribute migration. (78731)
  • Prevent font-size propagation in Navigation items causing em compounding. (77419)
  • ShortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. block: Fix editor crash when selecting transform menu. (78770)
  • Writing flow: Delete at end of nested list item should merge into next block. (78742)
  • Image block: Don’t show crop icon while image is uploading. (79103)

Media

  • Media Editor: Fix media editor sidebar close button label. (78895)
  • Media Editor: Fix sidebar overflowing the modal between the small and medium breakpoints. (78931)
  • Media Editor: Keep crop handles operable on large images. (79011)
  • Media Editor: Remove lag when toggling the sidebar. (79024)
  • Media Editor: Small tweak to gutters. (79168)

Components

  • Button.Icon: Fix clipped icons. (78614)
  • Compose: Fix SSR crash in useMediaQuery and useViewportMatch. (78725)
  • ColorPalette: Don’t render when custom colors disabled and no colors passed. (72402)
  • ui/AlertDialog: Fix footer layout style override. (78953)

Global Styles

  • Elements: Align class name parsing with custom CSS implementation. (79023)
  • Elements: Guard against non-string className in render 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.. (78841)

Block Editor

  • Inserter: Use forwardRef for refs. (79006)
  • Preserve nested list when deleting a selection across sibling list items. (78776)

Client Side Media

  • Media: Skip cross-origin isolation on the classic-theme site editor home route. (78404)
  • Upload Media: Gate very large images out of client-side processing. (78949)

Plugin

  • Fix Gutenberg plugin assuming its directory is named “gutenberg”. (78705)
  • Fix experiments page form layout with box-sizing and width. (78910)

Data Layer

  • RTC: Fix CRDT deferred updates resulting in jumbled typing. (78756)
  • RTC: Fix Yjs undo manager to update UI state when undo stack changes. (78864)

Post Editor

  • Editor: Fix keyboard activation of the template actions preview. (78641)
  • Notes: Show default avatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. in the indicator when user avatars are disabled. (78849)

Connectors screen

  • Fix: Block auto-complete for AI API Keys in Connectors. (78946)

Icons

  • Revert “Icons: Maintain absolute stroke-width regardless of icon-size (#78774)”. (78854)

Dashboard

  • Fix Add widget error on non-secure HTTPHTTP HTTP is an acronym for Hyper Text Transfer Protocol. HTTP is the underlying protocol used by the World Wide Web and this protocol defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands. origins. (78850)

Block API

  • Block Visibility: Keep hide-everywhere working after a block opts out of visibility support. (78780)

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)

  • Boot navigation: Wrap items in a list role for valid listitem semantics. (78829)

Block Editor

  • Inserter: Fix error being thrown for spoken message when inserting default/direct block. (79004)

Block Library

  • Navigation Link: Fix duplicate block htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. attributes in editor. (78973)

Patterns

  • Fix focus loss when closing the Create pattern dialog from the block toolbar. (78957)

Font Library

  • Fix focus issue when navigating. (78671)

Performance

  • Add Events widget. (78553)

Experiments

Dashboard

  • Add Events widget. (78553)
  • Event widget iteration. (78815)
  • Hello Dolly. (78648)
  • Show ghost widgets visually & allow easy removal. (78502)

Documentation

  • Added Missing Global Documentation. (78997)
  • Build: Update changelog. (78807)
  • DataViews: Add DataViews components to components manifest. (78960)
  • Docs: Auto-generate per-block API reference pages from block.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.. (77612)
  • Docs: Fix stale, incorrect, or missing documentation. (78686)
  • Docs: Remove stale mobile references from tooling and primitives documentation. (79041)
  • Fix wordpress/data README fragment links. (78866)
  • Remove orphaned README files for deleted native-only components. (79035)

Code Quality

  • Codemods: Remove one-shot Tooltip migration codemod. (78669)
  • Docs: Fix big_image_size_threshold xrefxref (php-xref, phpdoc, inline docs) typo. (76299)
  • Format Library: Migrate to recommended @wordpress/ui components. (79059)
  • Framework: Remove invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. stale nested npm package references. (79014)
  • Make @wordpress/nux a no-op compatibility package. (77773)
  • Remove migrated dependencies from root package.json. (78813)
  • Scripts: Remove obsolete bin/setup-local-env.sh. (78871)
  • Storybook: Declare workspace dependencies for theme example story. (78979)
  • Tools: Ban classnames via Syncpack. (79061)
  • Tools: Migrate docs/tool into tools/docs workspace. (78870)

Block Library

  • Fix sprintf format specifiers in post-date and read-more blocks. (78933)
  • Fix: Escape URLs in block render functions using esc_url(). (78912)
  • Refactor workspace configuration for Babel dependencies. (78974)
  • Revert navigation morph & playlist commits pushed directly to trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision.. (78857)
  • RichText: Remove dead native-only prop filtering. (79037)

Data Layer

  • Compose: Fully deprecate the ‘pure’ HoC. (78674)
  • Media: Move client-side media compat file to wordpress-7.1 directory. (78852)
  • Packages: Declare missing @types/react dependency. (78882)
  • Refactor: Remove jest/test deps from root package.json. (78801)
  • Remove React Native implementation, framework, and dependencies. (78747)

Post Editor

  • Editor: Refactor ‘PostPublishButton’ into function component. (78737)
  • Editor: Remove dead native guard in block removal warnings. (79039)
  • Post RevisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.: Upgrade diff from v4 to v8. (77992)
  • TypeScript: Migrate server-side-render package to TS. (71383)

Components

  • wordpress/theme: Deduplicate addFallbackToVar helper. (78666)
  • Navigable Container: Hoist getFocusableContext out of the component. (79029)
  • Remove dead native code branches from Platform usages. (79031)
  • refactor: Move React dependencies to workspace configuration and upda…. (78981)

Dashboard

  • Rename WidgetChrome to DashboardWidgetChrome. (78751)
  • Rename widget-types to widget-primitives and consolidate the widget contract. (78749)
  • Replace surface with host in widget contract documentation. (78778)

Block Editor

  • Refactor Inserter to a function component. (78766)
  • Rich text: Use subscribeDelegatedListener for element event listeners. (79047)

Site Editor

  • theme/ThemeProvider: Rename color.bg prop to color.background. (79007)

Tools

  • Add copilot-instructions.md file. (78584)
  • Remove orphaned mobile 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. report issue template. (79038)
  • Update AGENTS.md to mention additional pitfalls. (78718)
  • Update CODEOWNERS for tooling directories. (78874)

Build Tooling

  • Build Scripts: Fix Windows path handling in dev script. (78939)
  • CI: Remove Validate Gradle Wrapper workflow. (79030)
  • CI: Skip plugin repo release when SVNSVN Subversion, the popular version control system (VCS) by the Apache project, used by WordPress to manage changes to its codebase. tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) already exists. (78476)
  • Lint dependency version consistency with Syncpack. (77950)
  • Release: Drop mobile-specific changelog omit rules. (79042)
  • Remove platform-docs Docusaurus site. (79034)
  • Skip including inactive or experimental routes when building for WordPress CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.. (76715)
  • feat: Migrate performance results to tools release. (78761)
  • Add more React internals polyfills. (79142)

Testing

  • Abilities: Add validation tests pinning behavior for WP-specific schema keywords. (78783)
  • CI: Suppress lint:Js warnings on static checks. (79025)
  • Try omit-unchanged for compressed-size-action. (78976)
  • e2e-test-utils-playwright: Start transpiling again, but faster. (79026)

Data Layer

  • @apermo: Docs: Fix big_image_size_threshold xref typo. (76299)

First-time contributors

A call out and big welcome to first-time contributors, who merged the following PRs:

  • @apermo: Docs: Fix big_image_size_threshold xref typo. (76299)
  • @colinduwe: Changed labels to consistently use Patterns in favor of Block patterns. (56880)
  • @ekamran: Fix wordpress/data README fragment links. (78866)
  • @i-am-chitti: Tools: Migrate docs/tool into tools/docs workspace. (78870)
  • @Kgupta62: Common CSS: Avoid false-positive border-style on custom properties. (77476)
  • @macayu17: Button.Icon: Fix clipped icons. (78614)
  • @n8finchColorPalette: Don’t render when custom colors disabled and no colors passed. (72402)
  • @simondud: Fix: Block auto-complete for AI API Keys in Connectors. (78946)

Contributors

Gutenberg 23.4 was brought to you by the following contributors:

@aaronrobertshaw @adamsilverstein @aduth @alecgeatches @amitraj2203 @andrewserong @apermo @ciampo @colinduwe @desrosj @ekamran @elazzabi @ellatrix @fushar @gziolo @hbhalodia @hi0001234d @himanshupathak95 @i-am-chitti @im3dabasia @Infinite-Null @itzmekhokan @jameskoster @jasmussen @jsnajdr @juanfra @juanmaguitar @Kgupta62 @kushagra-goyal-14 @macayu17 @Mamaduka @manzoorwanijk @mikachan @mirka @Mustafabharmal @n8finch @ntsekouras @oandregal @paulopmt1 @ramonjd @retrofox @sarthaknagoshe2002 @scruffian @shail-mehta @shekharnwagh @simison @simondud @sirreal @t-hamano @talldan @tellthemachines @torounit @tyxla @USERSATOSHI @westonruter @xavier-lc @yogeshbhutkar

#block-editor #core-editor #gutenberg #gutenberg-new

What’s new in Gutenberg 23.3? (03 Jun)

“What’s new in 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/…” posts (labeled with the #gutenberg-new tag) are posted following every Gutenberg release on a biweekly basis, showcasing new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Editor.

What’s New In
Gutenberg 23.3?

Gutenberg 23.3 has been released and is available for download!

This release ships the new modal-based media editor as the default cropping experience, advances the experimental customizable WordPress dashboard with five new widgets and significant layout polish, and upgrades the editor to ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org 19. Responsive styles now extend to individual 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. instances, and Notes blocks gain support for multiple discussion threads. Other changes include DataViews adopting @wordpress/theme design tokens, 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) refinements across the RevisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. interface, continued Real-time Collaboration reliability fixes, and broader preload coverage for faster post editor loads.

Table of contents

Media editor modal becomes the default crop experience

The Media editor modal replaces the existing inline cropping tool in the Block Editor. The modal pattern keeps the familiar Crop button entry point, and brings freeform and aspect-ratio cropping, flip, fine-grained and snap rotation, and metadata editing into one dedicated workflow. (78653)

Experimental customizable WordPress dashboard

The experimental customizable WordPress dashboard — a 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.-based surface available for testing behind an experimental flag in the Gutenberg 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., allowing users to add, move, resize, and rearrange widgets. It introduces a complete set of widgets — Welcome, Quick Draft, Activity, Site Health, Site Preview, and more — that automatically adapt to different tile sizes. You can fully customize your dashboard by choosing which widgets to display, arranging the layout, adjusting the number of columns, and resizing each widget’s width and height. (77616)

This change is experimental; to give it a try, first go to WP-Adminadmin (and super admin) > Gutenberg > Experiments and enable “New Dashboard experience”.

Responsive styles for block instance

Responsive styles for block instances (78384) building on 23.2’s responsive Global Styles, the Block Style States APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. extends to the per-instance level (76491). Block instance responsive styles include layout styles (78543) and an Inspector that shows only the relevant settings when a style state is selected. (78280) (78658, 78763, 78670, 78709)

Other Notable Highlights

  • Real-time Collaboration improvements — Notes blocks support multiple threads (75147), better handling of oversized payloads (>16 MiB) and connection-loss states (77724), protocol-mismatch error handling (76991), fewer refresh storms when peers edit (78483), and a mobile fix for Edit/Join row actions in the post list (78597).
  • DataViews adopts @wordpress/theme design tokens (75204) — the first significant in-codebase adoption of the design tokens package. A new “Introduction” Storybook page has been added for the tokens themselves (78449).
  • Accessibility wins — Image block gains a “Mark as decorative” toggle (78064); Revisions diff markers get higher-contrast stripes and scale with user text-size preferences (78473, 78273, 78393); Breadcrumbs block hides separators from screen readers (78524).
  • Performance — Optimized block-supports CSSCSS Cascading Style Sheets. class rendering (78217), lazy-fetched user pattern categories (78568), shared window listeners across block instances (78310), shared MediaQueryList listener in useMediaQuery (78297), and broader preload coverage on edit-post load (78508, 78565).
  • Components migrations — Continued migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. of __experimentalText, __experimentalHStack, and __experimentalVStack to their stable @wordpress/ui counterparts (78155); Tooltip migration progressed across block-editor, editor, and DataViews consumers (78411, 78466, 78470).
  • React 19 upgrade (61521) — Gutenberg is now built against React 19. Most code keeps working unchanged; plugin authors using removed legacy patterns (string refs, ReactDOM.render fallbacks, defaultProps on function components) should review React’s upgrade notes.

Changelog

Features

Post Editor

  • Notes: Support multiple note threads per block. (75147)

Enhancements

Components

  • DataViews: Adopt @wordpress/theme design tokens. (75204)
  • Draggable: Scope the clone’s fallback z-index to non-slot placements. (78354)
  • Navigation: Hard deprecate component. (78529)
  • Overlays: Extend positioner slot pattern to Popover, Select, Autocomplete. (78168)
  • Tabs, TabPanel: Align styles with wp-ui. (78418)
  • Tooltip migration: Dataviews consumers (3/5). (78470)
  • UIUI User interface Button: Optimize overflow styles. (78300)
  • UI Card: Full bleed as headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. hero image and content cover. (77856)
  • Visually align Notice from @wordpress/components with Notice from @wordpress/ui. (78231)
  • [components] Draggable: Migrate clone wrapper to wp compat overlay slot. (78183)
  • [ui] Add internal wp compat overlay slot helper. (77851)
  • [ui] Autocomplete: Default portal container to the wp compat overlay slot. (78375)
  • [ui] Select: Default portal container to the wp compat overlay slot. (78372)
  • [ui] Tooltip: Default portal container to the wp compat overlay slot. (78095)
  • design-system-mcp: Add server instructions for client usage guidance. (78186)
  • design-system-mcp: Update get_components to optionally support multiple names. (78185)

Block Editor

  • Add support for layout responsive styles. (78543)
  • Add support for pseudo states on single block instances. (76491)
  • Block Inserter: Animate inserter button icon to signal open state. (78306)
  • Hide block variation selector when style state is selected. (78658)
  • Hide wrap by default in flex layout panel. (78269)
  • Integrate slug-based color selection in color panel. (78048)
  • Migrate pattern list item titles to Text from @wordpress/ui. (77656)
  • Refactor: Add extractPresetSlug as a generalized function to extract slugs. (78328)
  • Tooltip migration: Block-editor + block-directory consumers (1/5). (78411)
  • Validate additional CSS on mount. (78682)

Block Library

  • Block Style States: Show only supported inspector controls when selecting a style state. (78280)
  • Columns: Remove redundant Skip option from layout picker. (78405)
  • Hide Cover overlay controls for viewport states. (78763)
  • Hide image dimension tools when a state is selected. (78670)
  • Home Link: Add missing controls. (76672)
  • Move Layout panel into Styles tab so it sits next to Dimensions. (77922)
  • Responsive block instance styles. (78384)

Post Editor

  • Collab 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.: Swap near-identical pink for red in avatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. palette. (78299)
  • Media Editor: Make the modal the default crop experience. (78653)
  • RTC: Provide PROTOCOL_MISMATCH error handling. (76991)
  • Tooltip migration: Editor + edit-post + edit-site consumers (2/5). (78466)

Media

  • Image cropper: Round zoom control values and display as percentages. (78757)
  • Media Editor Modal: Update the rotation ruler to use a vertical line marker. (78704)
  • Media Editor: Remove resize handles toggle from crop panel. (78758)

Dashboard

  • Add custom widget dashboard resize handle styling. (78236)
  • Dashboard Widgets: Adapt Quick Draft to its tile size with a recent drafts list. (78572)
  • Widget dashboard: Skip tile hover elevation while resizing. (78234)

Font Library

  • Clarify active variant state in Library tab. (78501)

Guidelines

  • Refine access policy. (78296)

Connectors

  • Restyle AI plugin callout with pastel background and beak. (78243)

Client Side Media

  • Add dimension validation to sideload endpoint. (74903)

Data Layer

  • Upgrade to React 19. (61521)

Bug Fixes

Components

  • @wordpress/ui: Compat overlay slot — viewport-sized containing block. (78441)
  • DataViews: Fix wrapper height resolution in flex layouts. (76945)
  • DataViewsPicker Table: Fix first-click row selection. (78423)
  • Fix FormTokenField validation preventing default behavior. (77181)
  • IconButton: Fix focusableWhenDisabled default. (78526)
  • Popover: Don’t close when focus moves into the @wordpress/ui compat overlay slot. (78407)
  • UI Button: Fix disabled cursor style. (78479)
  • UI: Fix item popup typography. (78403)
  • UI: Update Autocomplete clear disabled state. (78520)
  • useCopyToClipboard: Always call onSuccess callback. (78387)
  • useDialog: Handle Escape via React onKeyDown so cascade works through portals. (78433)

Block Library

  • Block/Tabs: Fix editor dirty state on reload by removing unnecessary mount-time attribute init. (78339)
  • Breadcrumbs block: Hide separator from screen readers. (78524)
  • Fix ‘Invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. Date’ when clicking on Now in DateTimePicker on Date Block. (78284)
  • Fix Tabs block losing added tabs when the editor is reopened. (78250)
  • Fix: Discard unsaved HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block changes on cancel. (78580)
  • Image: Preserve width/height when converting Classic blocks to blocks. (78610)
  • Navigation Link: Preserve custom labels during link updates. (77186)
  • Navigation: Restore block_core_navigation_submenu_render_submenu_icon() as deprecated shim. (78484)
  • Prevent images from appearing squished when only one dimension is set. (70575)

Post Editor

  • Editor: Disable Visual Revisions when classic metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes are present. (78249)
  • Editor: Fix Visual Revisions meta keys overlap. (78156)
  • Editor: Use _n() for revisions count aria-label. (78382)
  • Fix image upload crashes. (76707)
  • Fix: Register user-defined taxonomies after user-defined post types. (78497)
  • Fix: Show collaborators when the top toolbar is active. (78049)
  • Global styles revisions: Ensure stylebook shows revision previews. (78490)
  • Script Loader: Defer single-page admin init until DOMContentLoaded (TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. #65103). (78136)
  • Upload Media: Render srcset on the front end for client-side-media uploads. (78359)

Block Editor

  • Block Inspector: Hide Styles tab in preview mode. (78230)
  • Block Toolbar: Prevent position shifts when using mover control. (77798)
  • Fix inconsistencies in feature selector processing part 2: Pseudo block instances. (78326)
  • Fix: Properly merge schema during mergeSchemas part in getBlockContentSchemaFromTransforms. (70615)
  • List View: Place caret at end of block when selecting. (76797)
  • Reset zoom level on component unmount. (69087)
  • Unset grid span defaults with viewport states enabled. (78709)

Data Layer

  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Data: Avoid duplicate ID-less entity permission requests. (78262)
  • Fix: Disable collab sync when incompatible meta boxes are present. (78145)
  • RTC: Fix cursor awareness / presence 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. in nested rich text elements. (77673)
  • RTC: Fix block refresh on every update when a peer edits within the code editor. (78483)
  • RTC: Sync the content even if it’s a function. (76796)
  • Real-time Collaboration: Use minimal save payload in persistCRDTDoc. (77050)

Media

  • Media Editor Modal: Only show the crop active state when using keyboard. (78266)
  • Media Editor: Anchor cursorless zoom (slider/keyboard) at crop center. (78385)
  • Media Editor: Enforce a minimum crop size in the image editor. (78268)
  • Media Editor: Scope keyboard shortcuts to the modal. (78322)
  • Media Fields: Fix filename truncation with Tooltip. (78453)

Collaboration

  • RTC: Fix Edit/Join row action invisible on mobile in post list. (78597)
  • RTC: Fix connection lost error modal when /wp-json/wp-sync/v1/updates exceeds 16 MiB limit. (77724)

Global Styles

  • Fix block preview for responsive style states. (78538)
  • Fix inconsistencies in feature selector processing part 1: Global styles. (78276)

Client Side Media

  • Upload Media: Stop propagating -scaled to sub-size filenames. (78038)
  • VIPS: Remove dead batchResizeImage and vipsBatchResizeImage exports. (77975)

Paste

  • Keep <img> inside <a> when pasting plain-text HTML. (78015)

Testing

  • Tests: Temporarily disable REST index output-format assertions pending Core fix. (78788)

Accessibility

Post Editor

  • Image Editor: Focus return after closing image crop modal. (78711)
  • Revisions: Increase diff marker stripe contrast to 75% primary color proportion. (78473)
  • Revisions: Scale diff markers width with user text-size preference. (78273)
  • Revisions: Use CSS outline as secondary non-color indicator for diff blocks. (78393)

Block Library

  • Image block: Add “Mark as decorative” toggle for accessibility. (78064)
  • Image: Fix missing aria-label on lightbox trigger button for single images. (78426)

Performance

  • Block supports: Optimize custom CSS class rendering and parsing. (78217)
  • Fix performance tests when running against old reference commit. (78288)

Post Editor

  • Edit Post: Hoist setupEditor to run before root.render. (78581)
  • Edit Post: Consume preload cache before React mount. (78508)
  • Editor / Block Editor: Lazy-fetch user pattern categories. (78568)
  • Post Taxonomies: Drop redundant per_page: -1 from taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. queries. (78569)

Components

  • Blocks: Share window listeners across instances (block props, rich text, …). (78310)
  • Compose: Share a single change listener per MediaQueryList in useMediaQuery. (78297)
  • Compose: Simplify subscribeDelegatedListener root detection. (78492)

Data Layer

  • Core Data: Share parsed blocks cache between resolver and editor hook. (78026)
  • Edit Post Preload: Cover remaining bound GET/OPTIONS requests on load. (78565)

Commands

  • Core Abilities: Defer fetch until workflow palette opens. (78316)

Experiments

Dashboard

  • Add Quick draft widget. (78408)
  • Add chrome UI tools to widgets. (78060)
  • Add command palette commands. (78429)
  • Add dashboard Activity widget. (78552)
  • Add dashboard News widget. (78554)
  • Add dashboard Site Health widget. (78555)
  • Add dashboard Site Preview widget. (78556)
  • Add elevation to widget actionable area. (78563)
  • Add missing package file to the Site Preview widget. (78583)
  • Add Welcome dashboard widget with adaptive layout and content. (78461)
  • Add tooltip explaining disabled menu item. (78344)
  • Contain widget body within its tile to prevent page overflow. (78627)
  • Dashboard Widgets: Add content-bleed presentation variant. (78491)
  • Fix widget rendering on the masonry grid. (78645)
  • Full-size widget inserter. (78390)
  • Grid: Animate sibling tiles when layout reflows during drag or resize. (78395)
  • Grid: Animate tile removals. (78542)
  • Grid: Don’t allow resizing tile beyond min row height or column width. (78402)
  • Grid: Hide resize handles and actions while a tile is resizing. (78391)
  • Grid: Make resize overlay line solid. (78340)
  • Grid: Resize widget and snap resize-placeholder. (78389)
  • Grid: Tiled grid overlay. (78373)
  • Increase widget spacing with --wp-grid-gap. (78439)
  • Layered grid columns and visual layout model picker. (78364)
  • Layout settings drawer with grid/masonry models. (78202)
  • Migrate Layout settings drawer to DataForm. (78336)
  • Mobile improvements. (78522)
  • Per-instance widget settings drawer. (78465)
  • Polish dashboard drag preview motion, elevation, and drop exit. (78348)
  • Prevent pointer events in widget selection. (78681)
  • Quick Draft widget: Layout, empty state, and style refinements. (78601)
  • Refine widget actionable area toolbar styling. (78578)
  • Restrict widget icons to just SVGs (no Dashicons). (78440)
  • Round widget drag radius. (78292)
  • Scale widget picker previews to fill their card. (78602)
  • Seed default layout with bundled widget instances. (78622)
  • Small changes to header. (78513)
  • Tune default grid settings and starter layout. (78633)
  • Use Page hasPadding prop for content spacing. (78469)
  • Use fully-specified fast-deep-equal import. (78660)
  • Welcome widget: Add a subtle shine to the version digits. (78626)
  • Welcome widget: Draw the version number in the banner. (78611)
  • Widget Types: Declarative presentation hint (full-bleed support). (78209)
  • Widget Types: Generic attribute schemas. (78247)
  • Widgets: Declare dependencies in a per-widget package.json. (78463)

Media

  • Extract media editor crop options hook. (78263)
  • Extract media editor save hook. (78225)
  • Media Editor Modal: Add custom datetime view for the sidebar to ensure minimal display of dates. (78265)
  • Media Editor Modal: Fix unexpected tab stop on date fields in the Details sidebar. (78454)
  • Media Editor Modal: Tighten labels for crop handles toggle. (78703)
  • Media Editor Modal: Try placing the save and cancel buttons in the footer. (78708)
  • Media Editor: Harden cropper math layer against non-finite inputs. (78321)
  • Media Editor: Make zoom floor coverage-aware instead of fixed at 1x. (78222)
  • Media editor: Show live crop dimensions during gesture. (78221)
  • Refactor media editor crop state into composite reducer. (78480)

Block Library

  • Classic Block: Use get_post() in wp_declare_classic_block_necessary. (78613)
  • Media: Add undo snackbar for media editor image edits. (78425)
  • Update Classic block deprecation notice. (78445)

Post Editor

  • Add default term for taxonomies. (78233)
  • Add experiment to show admin bar in Post and Site Editor. (77964)
  • Media Editor Experiments: Tidy up by removing old pathways to the media editor experiment. (78489)

Block Editor

  • Grid: Fix immutability lint warning for React hook. (78431)
  • Grid: Visualize columns without outline. (78281)

Documentation

  • Docs: Add Workspace Development guide. (78615)
  • Docs: Update iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. editor migration guide for WordPress 7.0/7.1. (78401)
  • Docs: Update media editor documentation. (78617)
  • Theme: Add Tokens “Introduction” Storybook page. (78449)
  • Theme: Move token structure descriptions into tokens document. (78438)
  • UI Icon: Mark as recommended. (78365)
  • Update plugin release documentation and edit for clarity. (78537)
  • [ui] Trim verbose comments and prose around the compat overlay slot. (78356)

Code Quality

  • Migrate create-test-block.sh to @wordpress/validation-tools workspace. (78665)

Components

  • Add Badge text overflow end-to-end story. (78589)
  • DataViews: Inline z-index values. (78315)
  • Menu: Reduce flaky Space key test scope. (78246)
  • Modal: Inline header z-index. (78362)
  • Move @emotion deps out of root package.json. (78687)
  • RangeControl: Remove erroneous icon prop from web types. (78444)
  • Remove deprecated __experimentalApplyValueToSides export. (78528)
  • Routes: Enforce logical CSS properties in stylesheets. (78291)
  • Storybook: Add text overflow end-to-end stories. (78256)
  • Theme: Remove and prevent dependency grouping comments. (78573)
  • Theme: Update color space registration to avoid side effects. (77653)
  • UI Autocomplete: Fix prop types. (78450)
  • UI Tabs: Recommend component for use. (78442)
  • UI: Add Button variant states end-to-end story. (78634)

Post Editor

  • Deduplicate useGlobalStyles hook code. (78577)
  • Editor: Inline text editor toolbar z-index. (78309)
  • REST: Guard setAccessible() behind PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher < 8.1 in block-editor settings controller. (78478)
  • Use WCIcon alias for component Icon imports. (78366)
  • Use WCTooltip alias for component Tooltip imports. (78396)

Block Editor

  • Fix additional issues with block registration types. (78416)
  • Migrate __experimentalText, __experimentalHStack, and __experimentalVStack to Text and Stack. (78155)
  • Refactor: useMemo on elements and useCallback is back on resetAllFilter. (78329)
  • Simplify component ESLint rules and extend to routes/widgets. (78519)
  • Update the BlockAttribute typedef to allow for multi-type attributes. (78517)

Guidelines

  • Add data-slug attribute to settings list items. (78676)

Block Library

  • ESLint: Restrict deprecated __nextHasNoMarginBottom prop. (78579)

Media

  • Image editor: Remove unnecessary __nextHasNoMarginBottom prop. (78530)

Plugin

  • Connectors: Move from experimental to wordpress-7.0 compat. (78228)

Data Layer

  • Make RTC-related APIs private. (78097)

Tools

  • ESLint: Support private API component denylist. (78451)

Testing

  • Automated Testing: Allow console logging in all bin, scripts, tools files. (78312)
  • Automated Testing: Enable concurrency for ESLint. (78360)
  • Automated Testing: Fix and use built-in mechanism for flagging unused disables. (78313)
  • Automated Testing: Skip ESLint for bundled library code via ignore patterns. (78314)
  • e2e-test-utils-playwright: Add src to published NPM files. (78847)
  • Fix flaky end-to-end test with DataView keyboard navigation. (78503)
  • Fix flaky media upload save lock test. (78544)
  • Fix flaky navigation frontend submenu end-to-end test. (78270)
  • Fix flaky tests (publish-panel.spec.js focus assertion before panel close completed). (77893)
  • Guard PHP unit testunit test Code written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression. to avoid failures on old WP versions. (78547)
  • Perf tests: Capture loading durations before stopTracing(). (78294)
  • Perf tests: Disable Playwright tracing to remove snapshot overhead. (78295)
  • Perf tests: Save Chromium traces as CI artifacts. (77974)
  • Performance Tests: Log timestamps, optimize build overhead. (78237)
  • Performance tests: Fix template click, delete pages at startup. (78193)
  • Post Editor perf test: Remove unwanted actions from timed area. (78323)
  • Preload: Backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. user global styles entry for classic themes on WP 6.9. (78546)
  • RTC: Add command to run in WebSockets mode. (78363)
  • Tests: Add timezone-mock to test/unit/package.json. (78277)
  • Tests: Add post-editor preload spec. (78318)
  • Tests: Preload spec — track query strings and use an existing draft. (78343)
  • WP Editor Meta Box e2e: Wait for TinyMCE init. (78631)

Build Tooling

  • (Release): Migrate bin/plugin into @wordpress/release-tools workspace. (77695)
  • Add cherry-pick script and update release tools in package.json. (78560)
  • Build Tools: Move build scripts to @wordpress/build-scripts workspace package. (78509)
  • Build: Detect stale node_modules at build/dev time. (77995)
  • Build: Remove custom job_status output in favor of native result. (78208)
  • Dashboard: Forbid non-module stylesheets in experimental, new widgets. (78496)
  • Fix path for license type detection in license.js. (78245)
  • Improve GHCR asset publishing and expand trigger events to include pull_request. (78211)
  • Move PHP Sync Issue Generator file to @wordpress/release-tools. (78456)
  • Publishing packages: Defer pushing tags until lerna publish succeeds. (78253)
  • Refactor validation tools and update related scripts. (77522)
  • Remove commander.js file from the project. (78400)
  • Remove dependency used for counting available CPUs. (78593)
  • Several improvements to the Dependabot configuration. (78536)
  • Stylelint: Add logical properties exemptions. (78252)
  • Update browserslist. (78840)
  • Widgets: Add TypeScript project configuration. (78467)
  • wp-build: Replace getter-based exports with data properties. (78303)

First-time contributors

The following PRs were merged by first-time contributors:

  • @allilevine: DataViews: Fix wrapper height resolution in flex layouts. (76945)
  • @CookieDarb: Build: Remove custom job_status output in favor of native result. (78208)
  • @danluu: RTC: Fix connection lost error modal when /wp-json/wp-sync/v1/updates exceeds 16 MiB limit. (77724)
  • @ecairol: Navigation: Restore block_core_navigation_submenu_render_submenu_icon() as deprecated shim. (78484)
  • @Raxen001: Migrate __experimentalText, __experimentalHStack, and __experimentalVStack to Text and Stack. (78155)
  • @rushikeshmore: Components: Fix FormTokenField validation preventing default behavior. (77181)
  • @SteveJonesDev: Image block: Add “Mark as decorative” toggle for accessibility. (78064)
  • @taipeicoder: RTC: Fix Edit/Join row action invisible on mobile in post list. (78597)
  • @yyppsk: Navigation Link: Preserve custom labels during link updates. (77186)

Contributors

The following contributors merged PRs in this release:

@aagam-shah @adamsilverstein @aduth @alecgeatches @allilevine @andrewserong @chriszarate @chubes4 @ciampo @CookieDarb @danluu @DarkMatter-999 @desrosj @dhruvikpatel18 @dpmehta @ecairol @ellatrix @fushar @gziolo @himanshupathak95 @im3dabasia @Infinite-Null @ingeniumed @jameskoster @joshualip-plaudit @jsnajdr @juanfra @karmatosed @kushagra-goyal-14 @lschuyler @MaggieCabrera @Mamaduka @manzoorwanijk @Mayank-Tripathi32 @mirka @Mustafabharmal @ntsekouras @paulopmt1 @prasadkarmalkar @R1shabh-Gupta @ramonjd @Raxen001 @retrofox @rushikeshmore @scruffian @shrivastavanolo @simison @SteveJonesDev @t-hamano @taipeicoder @talldan @tellthemachines @tyxla @USERSATOSHI @westonruter @yuliyan @yyppsk

#block-editor #core-editor #gutenberg #gutenberg-new

Media Editor Modal: call for testing

The addition of a free-form image cropper in 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. Editor has been a long-standing feature request. A 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/ experiment that integrates this and other image editing features in a “Media Editor Modal” is ready for testing and feedback.

What is it?

The Media Editor Modal replaces the existing inline cropping tool in the Block Editor. The modal pattern keeps the familiar Crop button entry point, and brings freeform and aspect-ratio cropping, flip, fine-grained and snap rotation, and metadata editing into one dedicated workflow.

Under the hood, the modal consumes a coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. collection custom tools and components that will eventually live in a WordPress package. This will remove the reliance on third-party cropping libraries.

Why the change?

Image cropping in the Block Editor hasn’t changed much since its introduction. The existing inline image cropper is built on top of the react-easy-crop library. This implementation has a couple of constraints:

  • it’s limited by what’s achievable in the editor canvas and block toolbar, and
  • the library itself has a narrow set of features.

Why build our own library? Well-maintained, open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. alternatives that do most of what users expect are few and far between. Furthermore, there’s a general preference for a WordPress-native surface that:

  • has all the features we want “out of the box” such as aspect ratios, freeform cropping handles, intuitive zooming, flip and rotation,
  • includes all the usability features we’d expect such as touch and keyboard support, and
  • is extensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software. in ways idiomatic to the WordPress ecosystem.

There was an attempt to build a custom, editor-first cropper component, but it was abandoned. Rather than developing separate, one-off flows across blocks, the Media Editor Modal aims to provide a consistent foundation for both a new Media Library experience and various editor contexts, and also serve as platform for building more sophisticated experiences later.

How to test

If you’re familiar with the Gutenberg plugin development environment, you can check out trunktrunk A directory in Subversion containing the latest development code in preparation for the next major release cycle. If you are running "trunk", then you are on the latest revision. right now and enable the Media Modal experiment from the experiments page at /wp-admin/admin.php?page=experiments-wp-admin

Update: #78653 merged, which makes the modal the default experience. No requirement to enable any experiment.

The quickest way to test is via Playground. Here’s a link that loads up Playground with Gutenberg Trunk and the Media Editor Modal active:

Suggested testing flows

The steps are provided just in case you need structure. Don’t feel any need to follow any or all of them.

The important question is whether the modal is solid enough as a replacement for the Image block crop flow, and whether you notice any bugs, UXUX User experience gaps or unexpected behaviors.

Basic crop flow

  1. Open the modal from an Image block.
  2. Resize the crop area.
  3. Pan and zoom the image.
  4. Rotate or flip the image.
  5. Save.
  6. Confirm the block updates to use the edited image.

Details editing

  1. In a saved post with a title, upload or insert an image.
  2. Open the modal from the Image block.
  3. Switch to the Details tab.
  4. Confirm Author and Attached to fields are populated with your author handle and the current post’s title.
  5. Update alt text and caption.
  6. Save.
  7. Confirm the media item updates.
  8. Confirm the Image block updates when its existing alt/caption values were empty or matched the original media values.

Existing custom block values

  1. Add an Image block.
  2. Manually enter custom alt text or a custom caption in the block.
  3. Open the media editor modal.
  4. Change the attachment’s alt text or caption.
  5. Save.
  6. Confirm custom block-level values are not unexpectedly overwritten.

Keyboard

  1. Open the modal.
  2. Use Tab to move through the crop area, crop handles, toolbar controls, 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. controls, Save, Cancel, and Close.
  3. Use arrow keys to move or resize the crop area.
  4. Confirm focus is visible and does not get lost.
  5. Try undo/redo with keyboard shortcuts.
  6. Confirm Escape behaves as expected when there are unsaved changes.

Touch gestures

  1. On a touch device, open the modal from an Image block.
  2. Test drag panning, pinch zoom, and crop area handle dragging for responsiveness and smoothness.
  3. Ensure toolbar actions like rotate, flip, undo, redo, and reset are tappable.

Sharing your feedback

Comments on this post are a great way to share feedback, but if you’d like to jump into Gutenberg feel free to leave feedback on this tracking issue as it’s the main one covering current tasks for the experimental modal. We’d love to know for example:

  • Did the modal open where you expected it to?
  • Was cropping understandable without extra instruction?
  • Did anything feel slower, confusing, or broken?
  • Did the image tools, including Save and Cancel behave as you’d expect?

Out of scope

The goal is to make the basic crop/edit workflow solid first, not to ship every image editing feature. Some related work is still being explored separately, for example:

  • Manual pixel crop controls.
  • Restoring original image.
  • Improving undo/redo history states.
  • Broader image editor extensibility for image 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. and/or AI integration options.

Thank you for making it this far, and thanks in advance for testing.

Props to @andrewserong and @isabel_brison for helping to write this post.

#core-editor, #gutenberg, #media, #media-modal