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

Announcing a collaborative editing outreach effort for 7.1

A new dedicated outreach effort is underway for WordPress 7.1 to ensure collaborative editing gets the collaborative testing it needs. Please join #collaborative-editing-outreach in WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/ (steps to sign up here) if you:

  • Want to use collaborative editing on a regular basis.
  • Enjoy being an early adopter.
  • Feel comfortable using the latest version of the GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 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..
  • Have the ability to participate through the 7.1 cycle (at least until 8/18/26).

Thanks in advance for helping shape the future of this feature.

Why now?

Collaborative features require an inherently collaborative way of testing. For the 7.0 cycle, a lot of time and effort was spent with more developer oriented testing, enterprise level testing, and deterministic testing with hosts. While incredibly useful, this effort broadens the scope of testing by bringing in passionate real-world early adopters across a range of hosting environments and backgrounds. For collaborative editing to truly succeed, it’s important to go beyond just getting stability, performance, and reliability right.

In running the FSE Outreach Program, I saw how powerful it was to have a dedicated space for folks to regularly interact with those building the feature for a faster feedback 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 in the right direction. After the hard decision was made to remove collaborative editing from WordPress 7.0, the aim is that ahead of 7.1 the outreach program model provides enough structure to create meaningful feedback without being too overbearing or exclusive considering the timeframe. This was first discussed in #feature-realtime-collaboration before being brought to project leadership. 

Who can join?

Anyone is welcome to join #collaborative-editing-outreach! Real Time Collaboration is included in the latest versions of Gutenberg, and can be enabled under `Settings > Writing` in the dashboard when the Gutenberg plugin is active.

It’s critical people from across different hosting environments and use cases are a part of this, from nonprofits to small businesses to newsrooms. If you have a large need for collaborative editing, enjoy sharing feedback, and are comfortable with using the latest Gutenberg plugin, this is an awesome way to contribute to the WordPress project. Test team badges will be given out at the end. 

More about the effort

The aim is to engage passionate real-world early adopters across a spread of hosting environments in a dedicated slack channel throughout the release process to ensure a tight feedback loop for both bugs and feature requests. This will take a simple form: a dedicated slack channel (#collaborative-editing-outreach) where folks can get set up with collaborative editing, share ongoing feedback, and those working on the feature can open bugs/make fixes/share improvements/etc. Compared to the FSE Outreach Program, there won’t be ongoing themed calls for testing since they would end up being very repetitive. Instead, key updates will be shared in the slack channel to help inform folks as new fixes or features are added to give feedback on them. The latest updates for collaborative editing will be delivered through the Gutenberg plugin which is why using the latest version is a requirement for this channel. As discussed here, a featured plugin isn’t currently feasible. 

Tied to this, outreach will be done to hosting companies to attempt to recruit participants for this outreach program. This is being done to help get as many different environments as possible represented. 

Currently, @amykamala, @greenshady, and I will be acting as the small crew driving this forward in the slack channel, alongside the developers and designers working on this feature. 

Questions? Comments? Concerns?

Please leave them below. Thanks for engaging.

Thank you to @amykamala @greenshady @maxschmeling for reviewing this post. 

#7-1, #collaboration, #feature-real-time-collaboration, #gutenberg, #phase-3

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

What’s new in Gutenberg 23.2? (21 May)

“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.2?

Gutenberg 23.2 has been released and is available for download!

This release introduces responsive global 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. styles with states, brings further improvements to the experimental Content Types management screens, and adds a wave of 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 to 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. The @wordpress/ui package gains a new SelectControl and motion design tokens, while modals now render as bottom sheets on mobile. Other changes include 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.-to-block transforms, Grid component enhancements, Connectors refinements, and continued Real-time Collaboration reliability fixes.

Table of contents

  1. Responsive global block styles with states
  2. Add motion design tokens (duration and easing) to @wordpress/theme
  3. Modal renders as a bottom sheet on mobile
  4. Other Notable Highlights
  5. Changelog
    1. Features
    2. Enhancements
    3. Bug Fixes
    4. Experiments
    5. Documentation
    6. Code Quality
    7. Tools
    8. Various
  6. First-time contributors
  7. Contributors

Responsive global block styles with states

You can now customize how individual blocks look on different screen sizes, right from Global Styles.

Head to Global Styles → Blocks, and you’ll find a new States dropdown on each block with Tablet and Mobile options. Select a state, make your style changes, and they’ll apply only to that breakpoint.

This allows theme developers and site builders to define different block styles depending on viewport size and interaction state, paving the way for more adaptive designs managed entirely through the editor. (#77513)

Add motion design tokens (duration and easing) to wordpress/theme

Adds motion design tokens to @wordpress/theme — a set of duration and easing curve tokens for standardizing animation timing across components — and adopts them in DialogModal, and Menu/DropdownMenu.

The Modal component now adapts to narrow viewports by rendering as a bottom sheet, providing a more touch-friendly experience on phones and small tablets. (#77956)

With the new position, important actions are easier to reach with one hand.

Other Notable Highlights

  • Content Types management improvements (experimental): The experimental Content Types screens are extended with several refinements: 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. visibility fields let you control where taxonomies appear (#77835), slugs are now auto-filled from the singular label (#77938), and new term/post type count fields provide an at-a-glance view of content usage (#78157). Additional quality-of-life actions—duplicate, view, and quick-edit—round out the management experience.
  • SelectControl added to @wordpress/ui. A new SelectControl primitive joins the design-system package, offering a consistent select input across the editor and adminadmin (and super admin) surfaces. (#77809)
  • Shortcode-to-block transforms. The Embed block now recognizes [ embed ] shortcodes (#77937), and the Shortcode block offers block-specific transforms when the text matches a registered shortcode (#77944).
  • Grid component improvements. The @wordpress/grid package gains a renderResizeHandle render prop (#77811), an edit-mode overlay for DashboardGrid and DashboardLanes (#78199), document cursor lock during resize (#77813), and resize-runaway prevention near the viewport edge (#77854).
  • Revisions accessibility improvements. Diff markers now enforce a 24×24 px minimum target size per WCAGWCAG WCAG is an acronym for Web Content Accessibility Guidelines. These guidelines are helping make sure the internet is accessible to all people no matter how they would need to access the internet (screen-reader, keyboard only, etc) https://www.w3.org/TR/WCAG21/. 2.5.8 (#77671), use diagonal stripe patterns to avoid color-only distinction (#77904), and display tooltips (#77690). The revisions slider now paginates by 100 per page for better performance (#77200).
  • Real-time Collaboration reliability fixes. Title divergence between users on page refresh has been resolved (#77666), a race condition on room creation that could split the update log is fixed (#77675), and find_canonical_storage_post_id() no longer returns null incorrectly (#78053).
  • Connectors refinements. 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. registration now supports an is_active callback (#77897), settings are only auto-registered when the referenced plugin is actually installed and active (#77273), and the Connectors page works on read-only file systems (#77521).

Changelog

Features

Block Editor

  • Try responsive global block styles with states. (77513)
  • Enhance the Connectors page on the read-only file system. (77521)

Enhancements

Components

  • Add SelectControl component to wordpress/ui. (77809)
  • Add motion design tokens (duration and easing) to wordpress/theme. (76097)
  • Button: Align link variant underline with Link and ExternalLink. (77842)
  • Grid: Add renderResizeHandle render prop. (77811)
  • Grid: Add edit-mode overlay to DashboardGrid and DashboardLanes. (78199)
  • Grid: Lock document cursor during resize gesture. (77813)
  • Grid: Prevent resize runaway near viewport edge. (77854)
  • Modal: Render as a bottom sheet on mobile. (77956)
  • Select: Support placeholder prop on Trigger. (78076)
  • Use the theme gray for muted Text. (77999)
  • docgen: Automatic documentation handle for TypeScript overloads. (77558)
  • ui/Tooltip, ui/IconButton: Add positioner slot 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.. (78089)

Block Library

  • Added Translator Context for Reply. (77891)
  • Embed: Add [ embed ] shortcode transform. (77937)
  • Shortcode: Offer block-specific transforms when text matches a registered shortcode. (77944)
  • 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.: Add context to table 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./footer label. (78007)

Block Editor

  • Fix the target block for copying direct insert block attributes. (77877)
  • Make Block Inserter search input sticky while scrolling. (77698)
  • i18n: Add context to scale. (76917)

Post Editor

  • Add lint rule for non-module stylesheet imports. (77984)
  • Remove root UUID dependency. (77960)

Data Layer

  • 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: Bootstrap registry into the dashboard client. (77917)
  • Widget Types: Replace bootstrap with resolver. (77847)

npm Packages

  • Build: Add widgets/ folder support to wordpress/build. (77347)
  • Taxonomy edit route: Declare @wordpress/base-styles as dependency. (77901)

Bug Fixes

Components

  • ColorPalette: Fix duplicate-key warnings and incorrect selection with identical color values. (78004)
  • ColorPicker: Fix inconsistent HEX input clearing behavior. (77912)
  • ExternalLink: Fix focus outline under wp-admin. (77935)
  • Grid: Fix keyboard activation on draggable items. (78163)
  • Grid: Render resize handle as a component. (77888)
  • Link: Fix focus outline around the new-tab icon. (77910)
  • Select: Fix disabled cursor styles. (78112)
  • Select: Hide user agent focus ring in popup. (77919)
  • TabPanel: Fix tab indicator animation. (77812)
  • Text: Fix render prop CSSCSS Cascading Style Sheets. defenses. (78172)
  • ui/Drawer: Forward render on Drawer.Content to the scroll container. (77941)
  • ui/Drawer: Polish open/close animation, fix swipe on content padding. (77800)
  • Admin UIUI User interface: Fix nested landmark in Page header. (78001)
  • UI: Use string label type for form controls. (77860)
  • ui/CollapsibleCard: Support rendering Header as a heading element. (77962)
  • Image editor: Improve media editor crop accessibility and dialog focus. (78047)

Connectors

  • Add is_active callback support to plugin registration. (77897)
  • Clarify AI plugin callout copy. (78043)
  • Fix: Only auto-register settings if the plugin the connector references is installed and active. (77273)
  • Increase the right padding of the callout for the mobile layout. (78126)

Block Library

  • Embed: Tighten raw URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org transform isMatch. (78021)
  • Fix: The buttons block shows the inserter picker when multiple allowed blocks are registered. (77858)
  • Fix: Shortcode block does not render in Navigation Overlay. (77511)

Post Editor

  • Editor: Paginate revisions slider by 100 per page. (77200)
  • Notes: Keep tall floating threads scrollable on short content. (77821)
  • defaultRenderingMode value not respected when changed using block_editor_settings_all. (77870)
  • i18n: Add context to (site) identity. (78132)
  • Site Editor: Preserve non-global editor styles in pattern previews. (77957)
  • Preserve the leading number when pasting single-line text like dates. (77949)
  • Add aria-label to the Revisions button in the Post Summary 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.. (78140)
  • Revisions diff markers: Enforce 24×24px minimum target size (WCAG 2.5.8). (77671)
  • Revisions: Add diagonal stripe patterns to diff markers to avoid color-only distinction. (77904)
  • Revisions: Add tooltip to diff marker buttons. (77690)
  • Avoid using centered text. (78125)
  • Editor: Improve revisions diff pairing performance. (77126)

Data Layer

  • RTC: Fix title divergence between users on page refresh after title update. (77666)
  • isFulfilled: Don’t change resolution state, call in resolveSelect. (78151)
  • Fix lockfile drift and missing dep from content-types consolidation. (78109)
  • Guidelines REST: Require read access for the standard route. (77843)
  • Fix popover bind hydration. (77797)

Collaboration

  • RTC: Fix find_canonical_storage_post_id() always returning null. (78053)
  • RTC: Fix race condition on room creation, which can cause a split update log. (77675)
  • Media: Guard gutenberg_delete_heic_companion_file() against non-string $metadata[‘original’]. (78128)

Experiments

  • Add first end-to-end tests for Taxonomies. (77828)
  • Add taxonomy visibility fields. (77835)
  • Add term/post type count fields in content types. (78157)
  • Auto fill slug from a singular label for taxonomies and post types. (77938)
  • Content Types: Various improvements to post type and taxonomy management, including duplicate/view/quick-edit actions, shared utility reuse, and caching and routing fixes. (77754, 77844, 77853, 77885, 77916, 78058, 78059, 78091, 78099, 78102, 78104, 78143, 78146, 78149, 77931)
  • Dashboard: Lift Suspense + error boundary into widget chrome and add a default header. (78012)
  • Grid: Add DashboardLanes masonry surface. (78107)
  • Integrate useView into content types lists. (78197)
  • Make Content Types _builtin. (78150)
  • Render badges for some content types’ fields. (78194)
  • Sync user taxonomies with post types. (77997)
  • Update view content types actions. (78159)
  • User post types REST controller. (77915)
  • Widget Types: REST endpoint and coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-data entity. (77987)
  • Widget Types: Server-side registry, decouple wp-build pages. (77958)

Media

  • Image editor: Suppress image editor undo/redo while a crop interaction is active. (77930)
  • Image editor: Update sidebar aspect ratio and resize controls. (78046)
  • Media Editor Modal: Improve image cropper interactions (undo/redo, pan, zoom, rotation), expand keyboard shortcuts and accessibility (focus borders, landmark regions, panel headings), and fix empty metadata fields. (77782, 77826, 77863, 77871, 77875, 77878, 77898, 77899, 78078, 78189). This is an MVPMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - WikiPedia version, and it’s ready for testing here: https://make.wordpress.org/core/2026/05/21/media-editor-modal-call-for-testing/
  • Media editor: Replace fine-rotation slider with RotationRuler. (77906)
  • Grid: Add a warning about being under development. (78022)

Dashboard

  • Add WidgetDashboard.Actions compound. (78019)
  • Add an experimental WidgetDashboard rendering engine. (77770)
  • Add widget inserter modal. (78033)
  • Backend default layout 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.. (78040)
  • Dashboard experiment: Animate, customize UXUX User experience. (78065)
  • Dashboard experiment: New sidebar icon. (78016)
  • Dashboard experiment: Remove storybook examples for now. (78020)
  • Persist layout via wordpress/preferences. (78034)
  • REST endpoint for the default layout. (78066)
  • Staging layer for in-progress layout edits. (78071)
  • Use design animation tokens. (78204)

Block Library

  • Add 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. (78090)
  • Image block: Try syncing updated metadata fields (alt and caption) from the media editor. (78139)
  • Media Editor Experiment: Add a route, based on the media editor modal, and refactor the modal components. (77994)

Documentation

  • Block Editor: Clarify logic for ‘directInsert’ inner blocks setting. (77873)
  • Design System: Add missing packages to Storybook introduction. (77504)
  • Docs: Shortcode transforms with wrapped content + rawHandler JSDoc. (78003)
  • Document how to ignore VSCode Workspace Settings. (77608)
  • RTC: Clarify WPBlockSelection type and link to duplicates in other packages. (77862)
  • Revise README for FocalPointPicker component to use object-position. (77722)
  • UI: Add component status notes to Storybook. (77988)
  • UI: Add missing Portal subcomponents to Storybook. (78108)
  • UI: Fix subcomponent story labels. (78210)
  • UI: Improve documentation for compound exports. (78212)
  • Update nvm installation script to version 0.40.4. (77996)
  • Update references to the default branchbranch A directory in Subversion. WordPress uses branches to store the latest development code for each major release (3.9, 4.0, etc.). Branches are then updated with code for any minor releases of that branch. Sometimes, a major version of WordPress and its minor versions are collectively referred to as a "branch", such as "the 4.0 branch".. (77606)

Code Quality

  • Add a 1-day minimum release age to npm installs. (78191)
  • Migrate native tests to the workspace. (77425)
  • Script Modules: Guard setAccessible() calls behind the PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher < 8.1 check. (78137)
  • Inline z-index values across Block Manager, 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, pattern chooser, sticky search, layout, and Popover, and remove local z-index helper entries. (77753, 77759, 77772, 77806, 77807, 77808, 78180, 78181)

Post Editor

  • Editor: Refactor ‘PostPublishPanel’ into a function component. (78083)
  • Edit Post: Fix suppressed errors in the Layout component. (77940)
  • Notes: Separate intent from mechanics in openTheSidebar. (78039)

Components

  • Button: Align compound component metadata. (78184)
  • Fix the flaky Menu space key 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.. (77972)
  • Menu: Fix flaky keyboard focus test. (78162)
  • SlotFill: Add dependencies to updateFill effect. (77907)

Plugin

  • Fix activation warning. (77908)
  • Fonts: Move admin menu compat from experimental to WordPress-7.0. (78227)

Block Editor

  • Add translationtranslation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. context for “Exit pattern”. (78158)
  • Remove unused reducer action types. (77880)
  • 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. changes in core. (78103)
  • Refactor client-side style states to use nodes. (78000)
  • Refactor accordion to use CollapsibleCard. (77903)
  • Classic Block: Use onReplace prop for migration actions. (78113)

Data Layer

  • ESLint: Replace eslint-plugin-react-compiler with eslint-plugin-react-hooks. (69962)
  • RTC: Add 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. tests for the data corruption 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. due to the cursor scope issue. (77662)

Tools

Testing

  • Add RTC y-websocket-server tests. (78179)
  • Add createRecord end-to-end request util. (78017)
  • Configure global fallbackFn for timezone-mock to handle Date subclasses. (78056)
  • Consolidate CI workflows for changelog testing. (78169)
  • E2E: Remove slash from bad embed request mock. (78200)
  • E2E: Reset preferences after navigable-toolbar tests. (78115)
  • Experiment: Add first basic user post types end-to-end tests and update taxonomy tests. (77998)
  • Fix flaky end-to-end tests for publish panel, Pages dataview keyboard navigation, homepage settings, and post content focus mode. (78054, 78063, 78082, 78084)
  • Revision: Fix failing end-to-end test. (78079)
  • Site Editor end-to-end tests: Reimplement the wait for load. (77981)
  • end-to-end tests: Use editPost and createNewPost helpers everywhere. (78170)

Build Tooling

  • Build: Update lint-staged from v10 to v16. (77963)
  • Fix: Guard require_once calls in generated PHP files against deployment race conditions. (78110)
  • Remove save-exact from .npmrc. (78196)
  • Tests: Fix argument forwarding for test: Unit workspace scripts. (77541)
  • Update TypeScript to tsgo (try 2). (77682)
  • bin/dev.mjs: Warn on stale webpack watching this checkout. (78098)
  • Upgrade and unify @types/node version. (77900)

Various

  • Update the UUID dependency. (77848)
  • Fill in end-to-end tests for client-side media processing. (75949)

Components

  • Support object values in the Select primitive. (77861)
  • Update date-fns to v4.1.0 in components and editor packages. (78057)

Block Library

  • Correct capitalization in help text for the Breadcrumbs block. (78175)

First-time contributors

The following PRs were merged by first-time contributors:

  • @369work: Update nvm installation script to version 0.40.4. (77996)
  • @andrea-sdl: Use theme gray for muted Text. (77999)
  • @danluu: RTC: Fix race condition on room creation, which can cause a split update log. (77675)
  • @vishnucmsminds: Add aria-label to the Revisions button in the Post Summary sidebar. (78140)

Contributors

The following contributors merged PRs in this release:

@369work @adamsilverstein @adithya-naik @aduth @afercia @alecgeatches @andrea-sdl @andreawetzel @andrewserong @anomiex @artpi @cbravobernal @ciampo @coderGtm @crisbusquets @danluu @desrosj @dmsnell @dpmehta @ellatrix @hbhalodia @himanshupathak95 @Infinite-Null @jameskoster @jorgefilipecosta @jsnajdr @lancewillett @Mamaduka @manzoorwanijk @mikachan @mirka @Mustafabharmal @ntsekouras @R1shabh-Gupta @ramonjd @retrofox @sarthaknagoshe2002 @scruffian @shail-mehta @simison @t-hamano @talldan @tellthemachines @timse201 @tyxla @USERSATOSHI @vishnucmsminds @vishnupprajapat @youknowriad @yuliyan

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

What’s new in Gutenberg 23.1? (07 May)

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/ 23.1? (07 May)

“What’s new in 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.1?

Gutenberg 23.1 has been released and is available for download!

This release introduces two new experiments aimed at managing content inside the editor. A Custom Taxonomies management screen lets you create and edit taxonomies from Settings, and a new Media Editor brings better image manipulation into the WordPress media flow. Outside of the editor, the @wordpress/ui package gains new compound primitives, Drawer and Autocomplete, alongside overlay polish. Other changes include an experiment to hide the classic 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. from the inserter, parallel thumbnail uploads, an early developer preview of @wordpress/grid, and a batch of real-time collaboration reliability fixes.

Faster image upload finalization

Sideload requests for an image’s generated thumbnail sizes used to run sequentially within a single upload. They now run in parallel up to the existing concurrency limit, which speeds up upload completion. (#75888)

The speed improvement is most noticeable on bulk uploads via the Gallery block, large images, and slower connections.

@wordpress/ui primitives

The @wordpress/ui package gains two new primitives and polish across overlay components.

Two new compound primitives ship in 23.1:

  • Drawer, for slide-in side panels and bottom sheets. (#76690)
  • Autocomplete, a low-level form primitive for combobox-style inputs. (#77642)

Other polish across overlay components:

  • The Dialog component gains a new Description subcomponent, plus several tweaks to its spacing and typography to align it better with Drawer. Additionally, its Backdrop only dims the page when the Dialog is modal. (#77194)
  • Dialog, AlertDialog, and Drawer now support sticky headers and footers when their content scrolls vertically. (#77559)
  • All overlays *.Popup subcomponents gain a new portal prop which, combined with new optional *.Portal subcomponents, allows for better customization of the portaling behavior. (#77452)

Other Notable Highlights

  • Custom Taxonomies management (Experiment). An experimental UIUI User interface for managing custom taxonomies inside WordPress adminadmin (and super admin). With the “Content types: manage custom taxonomies” experiment enabled, a new Taxonomies screen lets you create, edit, activate or deactivate, and delete taxonomies without writing PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher. Enable it via Gutenberg → Experiments → “Content types: manage custom taxonomies”, then visit Settings → Taxonomies. (#77497, #77524, #77657, #77697)
  • Image Editor with Freeform Cropper (Experiment). A new experimental Image Editor modal for image manipulation in the Block Editor. The modal enables freeform cropping and other manipulation tools for Image and Site Logo blocks. To test it out, enable the experiment via Gutenberg → Experiments → Media Editor Modal, then, in the editor, click on the Crop icon in the block toolbar. (#77479, #77537, #77540, #77585, #77641)
  • Disable Classic Block from the inserter. The “Disable TinyMCE” experiment was refocused and landed to disable the Classic block from the inserter. The reason for the change is that removing TinyMCE everywhere broke too many existing flows. Existing Classic block instances continue to work normally, since the change only affects the inserter. A new wp_classic_block_supports_inserter 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. was introduced to allow controlling this behavior. (#77747, #77838, #77840, #77845, #77911)
  • @wordpress/grid package (developer preview). A new @wordpress/grid package introduces DashboardGrid, a two-dimensional grid component with drag-to-reorder and resize handles for dashboard-style surfaces. The package is in active development, and the 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. is expected to evolve in upcoming releases. (#77562)
  • Real-time Collaboration reliability improvements. Several fixes improve RTC reliability and load behavior. The “Connection Lost” dialog no longer appears when a page registers more sync rooms than the server’s per-request cap. A client/server size-check mismatch that could reject large Yjs updates has been corrected. When two offline users reconnect and both push compactions, they no longer end up in a divergent state. Sync observers also attach after the persisted CRDT document is hydrated, which avoids redundant block re-parsing during editor load. (#77631, #77669, #77980, #77966)

Changelog

Features

  • Upload Media: Enable concurrent sideload uploads. (75888)
  • Experimental Image Cropper: Tweak the keyboard interactions with drag handles and canvas. (77639)
  • Admin UI: Change default heading level from h2 to h1. (77617)
  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Data: Remove redundant memoization wrapper from ‘getQueriedItems’. (77483)
  • 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.: Polyfill script module translations for WordPress < 7.0. (77214)

Enhancements

  • Storybook: Add global preview styles for @wordpress/ui overlays. (77451)
  • Widgets: Add 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 data layer. (77752)

Components

  • Admin UI: Add visual prop to Page 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. component. (76469)
  • Admin UI: Ensure consistent header spacing with and without actions. (76683)
  • Admin UI: Use UI Text component in header. (77372)
  • DataForm: Render field description as help text in the array control. (77554)
  • ExternalLink: Align appearance with Link from @wordpress/ui. (77790)
  • Link: Honor openInNewTab consistently. (77422)
  • Menu popover render + surface/motion split. (77460)
  • Refactor Admin UI / Breadcrumbs to use DS components and design tokens. (77012)
  • UI: Add Drawer primitive. (76690)
  • UI: Portal prop and Portal subcomponents for overlay Popups. (77452)
  • UI: Upgrade title validation to cleanup-based re-validation. (77165)
  • UI: Use Text in Notice.ActionLink typography. (77332)
  • FormTokenField: Add help prop to render additional help text below the field. (77552)
  • design-system-mcp: Add new package for design system MCP tooling. (77159)
  • ui/Dialog, ui/AlertDialog, ui/Drawer: Support sticky header and footer. (77559)
  • ui: Forward style and className on *.Popup to inner Base UI Popup. (77693)
  • ui: Uniform title and description styles across overlays. (77692)
  • ui: Unify hairline border across overlay popups. (77691)

Post Editor

  • Notes: Compute note positions centrally in useFloatingBoard. (77433)
  • Notes: Refactor internals into smaller components. (77614)
  • Notes: Refactor to use new ‘wordpress/ui’ components. (77589)

Block Library

  • Ensure Post Template fallback styles don’t apply when minimumColumnWidth is defined. (77411)
  • Tabs: Handle duplicating tabs. (76449)
  • Tabs: Rename tabs blocks to follow WCAGWCAG WCAG is an acronym for Web Content Accessibility Guidelines. These guidelines are helping make sure the internet is accessible to all people no matter how they would need to access the internet (screen-reader, keyboard only, etc) https://www.w3.org/TR/WCAG21/. Tabs pattern. (77418)

Block Editor

  • Embed: Restore paragraph with URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org when undoing paste-to-embed transform. (77551)
  • UI: Add Autocomplete primitive. (77642)

New APIs

  • Add @wordpress/grid package. (77562)

Guidelines

  • Extract initial public API methods. (77643)
  • Split singleton 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/ into dedicated /content-guidelines route. (77734)

Bug Fixes

  • Core Abilities: Export initialization promise as ready. (77254)
  • Disable Custom CSSCSS Cascading Style Sheets. command for non-block themes. (77685)
  • Grid: Fix width: 'fill' when tiles span multiple rows. (77769)
  • Tests: Connectors point to the right page. (77272)
  • 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.: Gutenberg Experiments: Ensure the experiment is active before outputting flags. (77728)
  • Connectors: Treat networknetwork (versus site, blog)-active plugins as active. (77661)
  • Command Palette: Fix macOs label for sites unable to determine UA via PHP. (77638)
  • Design Tools: viewport visibility — use ‘key’ instead of ‘value’ for device type. (77410)
  • Layout: Ensure layout classnames are applied to the inner blocks wrapper and not to its siblings. (77408)
  • Global Styles: Fix pseudo selector block style rendering in the editor. (76879)
  • Data Layer: Media — move image output format filtering to upload response. (75793)
  • Media Upload Modal: Fix pagination and search. (77872)

Block Library

  • Embed: Fix variation upgrade undo trap. (77546)
  • Accordion: Add missing dimension controls and limited customization. (77780)
  • 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.: Change toggle label to ‘Make image a link’. (71931)
  • Image: Preserve aspectRatio and scale when switching to wide/full alignment. (76914)
  • Form blocks: Update block categories for form, form-input, form-submission-notification, and form-submit-button. (61916)
  • Image: Fix non-local image ID removal undo trap. (77367)
  • Latest Comments: Fix uneven padding causing mis-alignment. (77379)
  • Tabs: Add classic theme styles to reset button defaults. (77607)
  • Tabs: Lock top-level structure and disable visibility controls. (77370)
  • Video Block: Update z-index for tracks popover to ensure proper stacking context. (77517)

Components

  • CollapsibleCard: Prevent focus ring clipping by content overflow. (77667)
  • Add cursor pointer to the ariakit menu item component. (70412)
  • Link: Remove underline from unstyled icon links. (77420)
  • Storybook: Fix ‘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. file’ links for storybook-local stories. (76758)
  • Storybook: Fix component descriptions in manifest files. (77112)
  • Text: Apply both heading and paragraph CSS defenses unconditionally. (77461)
  • UI: Fix focus-trap broken by ThemeProvider’s display: contents. (77381)
  • UI: Update @base-ui/react from 1.4.0 to 1.4.1. (77520)

Block Editor

  • Fix blockGap fallback handling for nested var() fallback values. (77750)
  • Block-mover: Fix button tooltip position. (77588)
  • Block-mover: Fix horizontal tooltip position. (77597)
  • Strip per-block custom CSS on save for users without edit_css. (76650)
  • Writing Flow: Fix arrow keys skipping paragraph containing link. (77474)

Post Editor

  • Edit-post: Fix back button tooltip position. (77587)
  • Lock post saving during media uploads. (76973)
  • Template parts: Make ‘Detach’ context menu item consistent across patterns and template parts. (77581)

Client Side Media

  • Deduplicate client-side image sizes with matching dimensions. (77036)
  • Declare convert_format as boolean arg on sideload route. (77565)
  • Upload Media: Use .jpg extension for HEIC-to-JPEG client conversion. (77506)

Collaboration

  • RTC: Fix “Connection Lost” dialog when too many entities are loaded. (77631)
  • RTC: Fix connection-lost error on large updates caused by mismatch between update size bounds check and expanded base64 update size. (77669)
  • RTC: Fix divergence when two offline users reconnect. (77980)

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)

  • 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.: Improve screen reader accessibility for diff markers region and slider. (77660)
  • Fix accessibility issues in admin Font Library. (77482)

Connectors

  • Add role="list" wrapper to connector cards for valid ARIA structure. (77689)
  • Keep focus on action Button during install. (77544)

Components

  • CollapsibleCard: Fix missing keyboard focus ring on the header chevron icon when rendered inside wp-admin. (77468)
  • Tabs: Fix missing keyboard focus ring on the panel in Windows High Contrast mode when rendered inside wp-admin. (77469)

Performance

Post Editor

  • Notes: Extract floating notes state into a dedicated store. (77424)
  • Notes: Reduce passes in useBlockComments memo and rename outputs. (77440)
  • RTC: Attach sync observers after hydrating persisted CRDT doc. (77966)

Experiments

  • Add custom taxonomies. (77497)
  • Add delete action to 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. management. (77524)
  • Dashboard: Register admin page route + 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. menu (shell). (77573)
  • Fix console errors/warnings for taxonomies. (77601)
  • Follow up improvements on taxonomies (#77497). (77567)
  • Improve taxonomies DataViews height. (77603)
  • Improve taxonomy edit action. (77605)
  • Render taxonomy status as a Badge. (77635)
  • Split status action to two actions, make them bulk-capable. (77637)
  • Taxonomies: Implement auto-fill labels. (77786)
  • Taxonomies: New package and add/edit screens. (77657)
  • Taxonomies: Add spacing above Add Taxonomy modal actions. (77523)
  • Taxonomies: Declare @wordpress/base-styles dependency. (77543)
  • Taxonomies: Warn when editing an existing taxonomy’s slug. (77527)
  • User Taxonomies: REST controller. (77697)
  • User Taxonomies: Show Public field in create/edit form. (77802)
  • Disable Classic block: Control inserter support via filter. (77845)
  • Register gutenberg-dashboard-widgets flag. (77569)

Media

  • Image editor: Fix locked-ratio resize driver-axis on non-square images. (77664)
  • Image editor: Formalize cropper contract. (77668)
  • Image editor: Hold Shift while resizing to lock current aspect ratio. (77663)
  • Image editor: Reserve inner gutter so crop handles stay accessible. (77547)
  • Media Editor Modal: Render cropper in canvas for images. (77537)
  • Media Editor Modal: Save via Core’s /edit modifiers. (77641)
  • Media Editor Modal: Surface save failures as scoped snackbar notices. (77733)
  • Media Editor experiment: Add experimental image editor and cropper. (77479)
  • Media Editor: Add cropper controls to the media editor modal. (77540)
  • Media Editor: Add zoom control and hide fine rotation on narrow viewports. (77585)
  • Media editor modal: Add interactive grid. (77771)
  • Media editor: Avoid double-mount flicker on open. (77732)
  • Media editor: Confirm before discarding unsaved changes. (77730)
  • Update labels for media experiments to better clarify what they do. (77536)
  • Media Upload Modal: Add MIME type filtering to support text/vtt tracks. (77550)
  • Experimental Image Cropper: Ensure focus is on canvas when dragging. (77591)

Block Library

  • Disable TinyMCE: Warn instead of redirecting directly. (77747)
  • Site Logo Block: Enable the media editor modal experiment for the crop button. (77548)
  • Classic Block: Unwrap experiment to hide it from inserter. (77911)
  • Disable Classic block: Always register, hide from inserter conditionally. (77840)
  • Disable TinyMCE: Repurpose experiment as Classic block removal. (77838)

Post Editor

  • Image Editor experiment: Pass theme aspect ratios to media editor. (77665)
  • Media Editor Modal: Add a media editor modal experiment. (77480)

Documentation

  • Base styles: Update changelog to be clearer. (77767)
  • Docs: Add ESLint v10 migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. guide and polish documentation. (77217)
  • Docs: Update parameter type from number to int. (77519)
  • UI/Docs: Clarify package setup for custom WP Admin pages. (77338)

Code Quality

  • Adopt --wpds-cursor-control design token across the codebase. (77373, 77335, 77368, 77369, 77360, 77376, 77357, 77354, 77358)
  • Test (Integration): Migrate test/integration into @wordpress/integration-tests workspace. (77556)
  • Base Styles: Remove stale z-index entries. (77714)
  • ComplementaryArea: Inline z-index values. (77717)
  • ESLint: Consolidate configuration into tools/eslint/ workspace package. (77215)
  • Env: Minor refactoring of cacheDirectoryPath evaluation. (77799)
  • GlobalStylesUI: Remove unused CSS rule. (77456)
  • Grid: Add @types/jest devDependency. (77801)
  • Media editor: Remove unused dependency. (77438)
  • Blocks: Port over type information for @wordpress/blocks from DefinitelyTyped. (77393, 77437)
  • Refactor: Migrate tests/unit to npm workspace @wordpress/unit-tests. (77063)
  • Experiments: Declare @wordpress/base-styles dependency. (77684)
  • Data: Export and consolidate onSubKey helper. (77364)
  • Remove ZebulanStanphill from CODEOWNERS. (77586)
  • ESLint Plugin: Recommend EmptyState from @wordpress/ui. (77765)
  • Experiments: Rebuild the wp-admin Experiments screen on the wp-build routes pattern. (77443)

Components

  • Add no-unsafe-render-order ESLint rule. (77428)
  • ButtonGroup: Inline z-index. (77621)
  • Card: Remove unused CardContext. (77463)
  • CircularOptionPicker: Inline z-index values. (77715)
  • FormToggle: Inline z-index. (77619)
  • ResizableBox: Inline handle z-index. (77620)
  • Theme: Update Terrazzo packages to 2.0. (77432)
  • Tooltip: Fix flaky 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.. (77751)
  • UI: Recommend Link component for use. (77505)
  • UI: Start recommending new Card components. (77423)
  • UI: Use shared style-imports types. (77388)
  • VisuallyHidden: Recommend @wordpress/ui and migrate usages. (77575)
  • ui/Tabs: Fix act() warnings in tests. (77319)
  • ui: Align WithCustomZIndex Storybook examples across overlays. (77648)

Block Library

  • Accordion: 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. isBlock prop from ToggleControl. (77776)
  • Paragraph: Refactor replacement logic in useOnEnter hook. (77383)
  • Stylelint: Add cursor-pointer rule and block-library override. (77501)
  • Tabs: Clean up Edit components. (77426)
  • Tabs: Remove redundant version field from block.json. (77417)

Post Editor

  • ESLint: Add use-import-as rule. (77389)
  • Notes: Refactor and extract offset calculation logic. (77414)
  • TypeScript: Share ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org CSS custom properties typing. (77394)
  • TypeScript: Migrate keyboard-shortcuts to TS. (76287)
  • Admin UI: Move to CSS modules and implement logical properties. (77088)

Block Editor

  • Fix import order in block-editor custom-css.js. (77566)
  • Remove stale reusable block z-index styles. (77774)

Site Editor

  • Edit Site: Move show-icon-labels handling to specific edit-site call sites. (77287)
  • EditSite: Remove unused CSS rule. (77494)

Build Tooling

  • Build: Skip sourcemaps for WASM-inlined script module workers. (75993)
  • ESLint: Introduce bulk suppressions workflow. (77392)
  • Add descriptive name for docker container images. (67827)
  • ESLint: Improve design token linting for CSS declaration strings. (77384)
  • Externalize react-dom/client. (77326)
  • Use node_modules/.bin/stylelint to avoid npm warnings on Node 24. (77512)
  • Jest setup: Remove unneeded rAF and URL polyfills. (77378)
  • Revert tsgo update (#77177) that broke 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.. (77680)
  • wp-build: Widen optional peer dependency ranges. (77568)

Testing

  • Menu: Fix flaky submenu focus test. (77430)
  • Tests: Remove duplicate mentions spec. (77593)
  • e2e: Shorten visit-site-editor canvas-loader visible wait. (77725)
    Connectors: Stop end-to-end 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). restriction from leaking across specs. (77857)
  • Fix PHP 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 tests. (77825)
  • RTC: Fix compaction unit test. (77986)

First-time contributors

The following PRs were merged by first-time contributors:

  • @adithya-naik: Image: Preserve aspectRatio and scale when switching to wide/full alignment. (76914)
  • @danluu: RTC: Fix connection-lost error on large updates caused by mismatch between update size bounds check and expanded base64 update size. (77669)
  • @hi0001234d: Connectors: Add role="list" wrapper to connector cards for valid ARIA structure. (77689)
  • @rajanarahul93: Featured Image: Change toggle label to ‘Make image a link’. (71931)
  • @vishnupprajapat: Taxonomies: Add spacing above Add Taxonomy modal actions. (77523)
  • @wwahammy: TypeScript: Migrate keyboard-shortcuts to TS. (76287)

Contributors

The following contributors merged PRs in this release:

@adamsilverstein @Adi-ty @adithya-naik @aduth @alecgeatches @amitraj2203 @andrewserong @CGastrell @ciampo @danluu @DarkMatter-999 @dpmehta @ellatrix @glendaviesnz @gziolo @hbhalodia @hi0001234d @himanshupathak95 @jameskoster @jorgefilipecosta @joshualip-plaudit @jsnajdr @juanmaguitar @kraftbj @Mamaduka @manzoorwanijk @mcsf @mikachan @mirka @Mustafabharmal @ntsekouras @peterwilsoncc @R1shabh-Gupta @rajanarahul93 @ramonjd @retrofox @SainathPoojary @shrivastavanolo @simison @Soean @t-hamano @Takshil-Kunadia @tellthemachines @tyxla @USERSATOSHI @vishnupprajapat @westonruter @wwahammy @yogeshbhutkar @yuliyan @ZebulanStanphill

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

What’s new in Gutenberg 22.9? (8 April)

“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 22.9?

Gutenberg 22.9 has been released and is available for download!

This release introduces background gradients that work alongside background images in the Group 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 adds organized sections to the command palette for better action discovery (experimental). The wordpress/ui package gains a foundational component for consistent empty states, while real-time collaboration receives stability improvements for multi-user editing sessions.

A total of 131 PRs were merged in Gutenberg 22.9, with 5 first-time contributors!

Table of contents

Background gradients alongside background images

The Group block now supports background gradients through a new background.gradient block support, allowing gradients and background images to work together without conflicts. You’ll find a gradient picker in the Background panel that works independently of the existing color gradient controls, making it possible to create gradient overlays on images or combine multiple background effects.

The new background.gradient block support is available to block authors. This also lays the groundwork for eventually migrating color.gradient to background.gradient across all blocks, providing a more consistent and capable background styling system, including clipping and text gradients. (75859)

Command palette history and suggestions (experimental)

The command palette (Cmd+K/Ctrl+K) now features organized sections that make it easier to find and reuse actions. Instead of showing just a search field and search results, users see sections for Recent commands and Suggestions based on current context. This change is experimental; to give it a try, first go to WP-Adminadmin (and super admin) > Gutenberg > Experiments and enable “Workflow Palette”.

Other Notable Highlights

The wordpress/ui package adds a new EmptyState component for displaying placeholder content when sections have no data. This compound component provides flexible composition with sub-components for icons, titles, descriptions, and actions, laying groundwork for consistent empty state patterns across the interface (74719).

Real-time collaboration has received some fixes that improve the multi-user editing experience and stability. Block comments (notes) now properly sync between collaborative editors instead of requiring page refreshes to appear. In the post list, the action button correctly updates from “Join” back to “Edit” when collaboration locks expire. Behind the scenes, error recovery has been enhanced to prevent cascading failures that could previously cause memory issues during collaborative sessions. (76873, 76795, 76872, 76716)

The experimental Forms block now supports hidden input fields, filling an important gap for many applications. Hidden fields appear as selectable placeholder blocks in the editor, while remaining invisible on the frontend with values configurable through the Advanced panel. (74131)

Changelog

Enhancements

Block Editor

  • DOM: Prefer standard caretPositionFromPoint over deprecated caretRangeFromPoint. (76921)

Components

  • Add EmptyState component to wordpress/ui. (74719)
  • Admin UIUI User interface: Update Page background color. (76548)
  • Button: hide focus outline on :Active for click feedback in forced-colors mode. (76833)
  • Card: Use Text component for Title typography. (76642)
  • InputControl: Add to wordpress/ui. (76653)
  • Snackbar: Use surface-width design token for max-width. (76592)
  • Storybook: Make “introduction” top level. (76671)
  • Tabs: Add runtime validation for tab/panel mismatches. (75170)
  • Theme: Change default control cursor to pointer. (76762)
  • ThemeProvider: Add cursor prop. (76410)
  • UI/Dialog: Deprioritize close icon for initial focus. (76910)
  • UI/Dialog: Expose initialFocus and finalFocus on Dialog.Popup. (76860)
  • UI: Add AlertDialog primitive. (76847)
  • 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 from 1.2.0 to 1.3.0. (76603)

Data Layer

  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Data: Remove offset param from stableKey, use pagination logic. (76808)

Block Library

  • Block Supports: Add background gradient support that can combine with background images. (75859)
  • Forms Block: Add hidden input field variation. (74131)
  • Image/Site Logo: Hide crop toolbar when editMediaEntity is unavailable. (76626)
  • Login/out block: Add button block class names to the submit button. (76746)

DataViews

  • CollapsibleCard: Add HeaderDescription subcomponent. (76867)
  • Improvements to dataviews infinite scroll. (74378)

Site Editor

  • Site Editor > Pages: Move view configuration to the server. (76573)
  • Site Editor > Patterns & Parts: Generate 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. from view configuration. (76823)
  • Site Editor > Patterns: Move configuration to the server. (76734)
  • Site Editor > Quick Edit: Add form configuration to endpoint. (76953)
  • Site Editor > Templates: Move configuration to the server. (76622)

Post Editor

  • DataForm: Add compact configuration option to the datetime control. (76905)
  • Site Editor v2: Add missing menu items to navigation leaf more menu. (76804)

Connectors

  • Improve AI 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. button. (76759)

Collaboration

  • Add 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. for WP_ALLOW_COLLABORATION. (76716)

Guidelines

  • Improvements to the UXUX User experience. (76383)

Icon

  • Icons: Enforce strict name validation in register method. (76079)

Commands

  • Add sections to command palette and introduce Recently used functionality. (75691)

Bug Fixes

  • wordpress/date: Recover WP timezone after third-party reload. (75831)

Block Library

  • Icon: Fix center alignment in the editor for classic themes. (76878)
  • Image block media placeholder: Remove duotone. (76721)
  • Latest Comments: Fix v1 block deprecation. (76877)
  • List Item: Disable edit as HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. support. (76897)
  • Navigation: Avoid List View changing position when navigation block saves. (76659)
  • Reduce specificity of nav link default padding so global styles apply. (76876)
  • Show fallback label in MediaControl when filename is empty. (76888)
  • Site Tagline: Fix block error when migrating deprecated textAlign attribute. (76821)

Connectors

  • Boot: Fix black area below content when sidebar is taller than page content. (76764)
  • Add Akismet as a default connector. (76828)
  • Align client 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. with server. (76737)
  • Fix button size. (76582)
  • Replace plugin.slug with plugin.file. (76909)
  • Support non-AI provider types and add JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. extensibility end-to-end test. (76722)

Block Editor

  • Block visibility badge: Use canvas 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. for viewport detection. (76889)
  • Cross Origin Isolation: Remove img from the list of elements that get mutated. (76618)
  • Fix locked content when switching to a different template without exiting ‘Edit pattern’. (76710)
  • Hide Additional CSSCSS Cascading Style Sheets. controls when block is inside contentOnly editing mode. (76512)
  • Reset blockEditingModes on RESET_BLOCKS. (76529)
  • Stop keeping stale controlled blocks after reset. (76591)

Components

  • Admin UI: Fix Page 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. not rendering with only actions and add stories. (76695)
  • Button: Restore specificity of high-contrast mode focus ring. (76719)
  • Card: Add overflow: Clip to root container. (76678)
  • Fix Color Picker Angle Reset on Gradient Type Change. (76595)
  • Storybook: Disable autodocs for Icon library. (76620)
  • compose/useDialog: Add stopPropagation() to Escape handler. (76861)
  • ui/CollapsibleCard: Do not animate focus ring. (76682)

Post Editor

  • Fix: Create custom template modal content width. (76713)
  • Reduce the added halo for selected block. (76619)
  • 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.: Add 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. fields diff panel to document sidebar. (76341)
  • Revisions: Fix template revisions retrieval and sorting. (76760)
  • Style Book: Fix missing styles for classic themes in stylebook route. (76843)

Collaboration

  • RTC: Fix notes not syncing between collaborative editors. (76873)
  • RTC: Fix stuck “Join” link in post list when lock expires. (76795)
  • RTC: Restore on failed request with compaction update. (76872)

Client Side Media

  • Build: Remove unused JXL WASM module from vips worker. (76639)
  • Gate client-side media processing as plugin-only. (76700)
  • vips: Ensure single instance. (76780)

CSS & Styling

  • 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.: Fix checkbox style in sidebar. (76718)

Data Layer

  • Properly resolve getTemplateId for hybrid themes. (76532)

Site Editor

  • Fix unsupported theme flash on direct URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org navigation. (76465)

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)

Components

  • ComboboxControl: Fix accessible association of help text. (76761)
  • RadioControl: Add role=”radiogroup” to fieldset. (76745)
  • ToggleGroupControl: Fix accessible association of help text. (76740)
  • ControlWithError: Connect validation messages to controls via aria-describedby. (76742)

Block Editor

  • Stretchy Text: Fix focus loss. (75092)

Experiments

Post Editor

  • Fields: Add 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. field. (76829)
  • Fields: Add sticky field. (76922)
  • Fields: Tweak excerpt field. (76903)
  • Add revisions panel. (76735)
  • Add template panel to include the existing template actions. (76539)

Guidelines

  • Refactor components and improve TypeScript typing. (76394)

Documentation

  • Abilities: Improve JSDoc for public API. (76824)
  • DOM: Document class wildcard matcher for ‘cleanNodeList’. (76920)
  • Docs: Remove Puppeteer references and update to Playwright. (76766)
  • Docs: Update PHP_CodeSniffer repository link and schema URL. (76816)
  • Storybook: Add redirect for moved introduction page. (76701)
  • Storybook: Try changing to collapsed folders. (76361)
  • UI Tooltip: Improve documentation to cover intended accessibility practices. (76705)
  • Updating versions in WordPress ahead of 7.0. (76723)
  • admin-ui: Update package README to clarify purpose and distinguish from ui package. (76943)
  • docs(create-block-interactive-template): Document available variants in README. (76831)
  • iAPI Docs: Add client-side navigation compatibility guide. (76242)

Code Quality

  • Core Abilities: Fix sideEffects flag. (76763)
  • Admin UI: Add CSS files to sideEffects array. (76609)
  • admin-ui / Breadcrumbs: Stricter items[].to prop types. (76493)
  • Refactor: Use null coalescing operator for improved readability. (76777)
  • element: Make createInterpolateElement TS/type smart. (71513)

Data Layer

  • Core Data: Optimize getRawEntityRecord selector. (76632)
  • Core Data: Remove ‘isRawAttribute’ internal util. (76806)

Block Library

  • Navigation: Add a shared helper for font sizes in Navigation Link and Navigation Submenu blocks. (74855)
  • Tab Block: Remove anchor from save function. (76511)

Site Editor

  • Simplify sidebar for Pages & Templates. (76868)

Commands

  • Fix useSelect warning in command palette. (76822)

Block Editor

  • Deprecate ‘__unstableSaveReusableBlock’ action. (76807)

Components

  • UI: Clarify public APIs and component naming, remove NoticeIntent typings. (76791)

DataViews

  • wordpress/dataviews: Migrate card layout to wordpress/ui. (76282)

Tools

  • Add TypeScript parser tests for shouldSkipReference. (76611)
  • ESLint: Add no-unmerged-classname rule. (76458)
  • create-block-interactive-template: Enhance block registration by using blocks-manifest for improved performance. (76317)

Build Tooling

  • wp-build: Hash transformed CSS for data-wp-hash dedupe key. (76743)
  • Build: Fix vips worker 404 when SCRIPT_DEBUG is true. (76657)
  • Build: Skip non-minified build for WASM-inlined workers. (76615)
  • Changelog: Add missing label-to-feature mappings. (76646)
  • React vendor script: Avoid warning on createRoot. (76825)
  • Set milestone on PRs after cherry-picking to release branchbranch A directory in Subversion. WordPress uses branches to store the latest development code for each major release (3.9, 4.0, etc.). Branches are then updated with code for any minor releases of that branch. Sometimes, a major version of WordPress and its minor versions are collectively referred to as a "branch", such as "the 4.0 branch".. (76652)
  • react-dom vendor script: Remove __esModule flag. (76925)

Testing

  • Fix: Flaky RichText format end-to-end test. (76958)
  • RTC: Add end-to-end block gauntlet. (76849)
  • e2e: Add end-to-end tests for template and template part revisions. (76923)
  • end-to-end Tests: Enable client-side media processing for site editor image test. (76648)

Collaboration

  • RTC: Update post lock backport PR. (76661)

First-time contributors

The following PRs were merged by first-time contributors:

  • @jigangz: Block Library: Show fallback label in MediaControl when filename is empty. (76888)
  • @meravi: Docs: Remove Puppeteer references and update to Playwright. (76766)
  • @rodrigoprimo: Docs: Update PHP_CodeSniffer repository link and schema URL. (76816)
  • @sandipmaurya2611: Boot: Fix black area below content when sidebar is taller than page content. (76764)
  • @Vedant-Gandhi: Fix Color Picker Angle Reset on Gradient Type Change. (76595)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @adamsilverstein @aduth @alecgeatches @andrewserong @annezazu @aswasif007 @carolinan @CGastrell @chriszarate @ciampo@DAreRodz @dhasilva @dsas @ellatrix @epeicher @gziolo @im3dabasia @ingeniumed @jameskoster @jasmussen @jigangz @jorgefilipecosta @jsnajdr@juanmaguitar @Mamaduka @manzoorwanijk @maxschmeling @meravi @mirka @ntsekouras @oandregal @pento @ramonjd @retrofox @rodrigoprimo@sandipmaurya2611 @scruffian @senadir @sgomes @Shekhar0109 @shekharnwagh @shimotmk @SirLouen @Soean @t-hamano @talldan@tellthemachines @Vedant-Gandhi

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

Defining expectations for Iteration issues

Two years ago, efforts were made to provide more clarity in the Gutenberg GitHub repository to make it simpler to keep up to date with work underway at various levels. This post focuses on a piece of that effort: iteration issues and the growing role they can play to make it simpler to follow ongoing work in the GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ repository at critical periods. Iteration issues should happen alongside dev notesdev note Each important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include a description of the change, the decision that led to this change, and a description of how developers are supposed to work with that change. Dev notes are published on Make/Core blog during the beta phase of WordPress release cycle. Publishing dev notes is particularly important when plugin/theme authors and WordPress developers need to be aware of those changes.In general, all dev notes are compiled into a Field Guide at the beginning of the release candidate phase. and merge proposals.

Changes to Iteration issues

As a reminder, these iteration issues are solely for following dedicated tracks of work in the Gutenberg repository, and their goal isn’t to replace the TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. tickets that we use for tracking tasks.

  • For each release, open a new iteration issue with the [Type] Iteration label and a name similar to “Feature Name for WordPress X.X”. Do not re-use an iteration issue from a prior release.
  • Before the betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. cycle for the release, updates need to happen at a minimum of once per month.
  • 1 week ahead of beta and during beta/RCrelease 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). periods, updates need to happen weekly. In particular, emphasis should be put on updates ahead of beta 1, RC1, and the final release. 
  • When the work on a release is done, close the iteration issue and open a new one for the next release as needed.

The aim in doing this is to make it easy for folks to stay up to date on features being worked on for major WordPress releases. Currently, pulling together accurate and up-to-date information remains too fragmented, partially due to either the lack of timely updates to Iteration issues or due to the lack of an iteration issue, leading to too few people who have the time/effort/expertise to sort through it all. This has led to confusion in the lead-up to key moments in the release cycle and is a vulnerability in the process that needs to be rectified. By contributors dedicating themselves more deeply to curating Iteration issues and keeping them up to date, that information can remain a shared resource for all in a consistent way and help us lean towards automation over the reliance of individuals to collate. 

When should an iteration issue be opened?

Most, if not all, headline items in roadmap posts need iteration issues. When in doubt, create one. 

What makes a good iteration issue?

To help more folks succeed in creating a good iteration issue, there is a new Iteration issue template when creating an issue that follows these best practices: 

  • Assigned contributors planning to work on it. As needed, this includes assigning someone to handle updates.
  • A scope of work tailored to the release and the timeline, with necessary issues opened.
  • Any necessary design input or clear requests for design collaboration.
  • Any open questions or known decisions should be clearly stated, with discussions branching out into various individual issues.
  • Regular updates in the form of comments on the issue. Specifically, monthly in early stages of the release and weekly at later stages aka starting 1 week before beta 1.

The iteration issue does not need to start this way, but it needs to grow in this direction rapidly as the release process continues. In many cases, an initial iteration issue is opened with a smaller set of known key items to work on, and broader contributors help shape it as the release gets underway.

What makes a good update? 

A good update is timely and clearly states completed work, upcoming planned work, any known blockers or decisions to be made, and a broader sense of how the work is progressing. For example, an update that simply lists a changelog of items doesn’t provide a sense of whether work is continuing at the right pace for the release and what is likely to make it or likely not to. 

Ahead of key moments in a release, beta 1 and RC 1 in particular, updates need to happen weekly as noted above and should include clear summaries of what is landing in each. These can be used as foundations for any future dev notes, merge proposals, release announcement material, or even documentation. 

Let’s keep iterating

Just like these issues, this is an iteration too. Please share feedback, whether you’re handling these iteration issues or using them to stay closer to the work.

Props to @tyxla @desrosj @4thhubbard @jeffpaul for reviewing 

#github, #gutenberg

What’s new in Gutenberg 22.8? (25 March)

“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.

Gutenberg 22.8 has been released and is available for download!

Table of contents

Real-time Collaboration improvements

Real-time collaboration now shows collaborator text selections, not just cursor positions. When another user selects text, you see their selection highlighted in their assigned colour — matching the behaviour you’d expect from collaborative editors like Google Docs.

The presence UIUI User interface has also been polished: avatars are redesigned, you can now see your own presence indicator, and a new Writing preference lets you control whether you receive collaborator notifications. Under the hood, peer limits and disconnection debouncing improve stability for busier editing sessions. (76107, 75652, 76413, 76460, 76565, 76114)

Button pseudo-state styling in Global Styles

A new “State” dropdown now appears next to the Button 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. title in Global Styles. Selecting a state — Hover, Focus, or Active — switches all the style controls below to edit that specific state. The block preview updates live to show the selected state, giving you a visual preview of how the button will appear on the frontend.

While 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. has supported pseudo selectors for some time, there has been no visual interface to edit them until now. The Button block is the starting point, with the architecture designed to expand to other blocks in future releases. Separately, theme.json now also supports styling the current/active navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. item and its interactive states, giving theme authors control over active-page highlighting without custom CSSCSS Cascading Style Sheets.. (75627, 75736, 76326)

Site Logo & Icon in the Design panel

Site logo and icon management now has its own dedicated screen in the Design panel. The new screen uses a compact media editor for both fields, making it quicker to set or swap your site’s logo and favicon without navigating through adminadmin (and super admin) settings or finding the block settings. (76116)

Connectors extensibility

The Connectors screen, introduced in 22.7, now has a registry 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. that allows plugins to register their own connectors. Plugins can use registerConnector() to add entries to the Connectors admin page, and unregisterConnector() to remove them.

These extension points allow any 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. to integrate with the Connectors system, so it can grow beyond the built-in providers. (76364, 76541, 76142).

Other Notable Highlights

  • Add navigation links from 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. List View: You can now add new links directly from the Site Editor’s sidebar List View for navigation menus, rather than needing to open the block inspector. (75918)
  • Client-side media processing: Client-side image uploads now support the AVIF format, cross-origin isolation no longer breaks third-party plugin iframes, and server-side plugins that process uploaded images (for watermarking, CDN sync, etc.) now work correctly alongside client-side processing. (76371, 75991, 74913, 76616)
  • Command Palette in the admin bar: A trigger button for the Command Palette now appears in the WordPress admin bar, making it accessible from anywhere in the admin. The button displays the keyboard shortcut for your platform (⌘K on Mac, Ctrl+K on Windows/Linux). (75757)

Changelog

Features

Collaboration

  • RTC: Add preference for collaborator notifications. (76460)

Enhancements

Components

  • wordpress/ui: Add Collapsible component. (76280)
  • Add ExampleApplication story for ThemeProvider to better demonstrate component theme-ability.
    (76463)
  • Add Link primitive to @wordpress/ui. (76013)
  • Add primitive Text component to wordpress/ui. (75870)
  • Add styles for outside days in Calendar components. (76199)
  • Admin UI: Add Storybook stories for Breadcrumbs and Page components. (76467)
  • Adopt surface-width design tokens for Dialog, Notice, and Modal widths. (76494)
  • Collapsible.Card: Make contents hidden until found. (76498)
  • CollapsibleCard: Move trigger to the whole 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.. (76265)
  • Editor: Polish real-time collaboration presence UI and move 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. to editor package.
    (75652)
  • Field.Label, Fieldset.Legend: Add visuallyHidden prop. (76052)
  • Refactor admin-ui Page component to use wordpress/theme tokens and wordpress/ui layout primitive.
    (75963)
  • Storybook: Change the default font. (76366)
  • Storybook: Deduplicate injected package stylesheets. (76158)
  • Theme package: Add surface width design tokens. (76047)
  • Theme: Add no-token-fallback-values stylelint rule. (76415)
  • Tooltip: Change default placement from bottom to top. (76131)
  • UI Notice: Let description and actions span icon column at narrow widths. (76202)
  • UI/Badge: Add border and neutral-strong background to none intent. (76356)
  • @wordpress/ui: Add Card and CollapsibleCard components. (76252)
  • CollapsibleCard: Add animations. (76378)
  • ui/Card: Increase padding, align with legacy Card. (76368)
  • Admin UI: Update font size for title and breadcrumbs to match. (76452)

Connectors

  • Add AI Experiments plugin callout with install/activate functionality. (76379)
  • Add connectors registry for extensibility. (76364)
  • Add empty state when no connectors are registered. (76375)
  • Add unregisterConnector and upsert support. (76541)
  • Move plugin status computation to script module data. (76409)
  • Sync PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher code with WordPress CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.. (76443)
  • Update page identifier to options-connectors. (76142)
  • WP Admin: Update Connectors screen footer text for consistency. (76382)

Block Library

  • Block Library: Improve the design of MediaControlPreview and MediaControl.
    (76430)
  • Link Picker: Use Homepage badge instead of Page if Homepage. (75929)
  • Navigation link: Add support to style current menu item via theme.json. (75736)
  • Navigation: Allow creating new links in site editor sidebar List View. (75918)
  • Post Date: Migrate to textAlign block support. (75856)
  • Post 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.: Migrate to textAlign block support. (75860)
  • Tabs: Disable anchor support on Tab Menu Item. (76442)
  • Tabs: Restructure Tabs Menu and inner blocks. (75954)

DataViews

  • Add border to sticky table headers. (76396)
  • DataForm: Add customizable button text to panel modal. (76099)
  • DataForm: Reduce panel‘s dialog min-width. (76345)
  • DataViews Grid and Picker Grid: Add density option for gap between items. (75887)
  • Improve storybook infinite scroll. (76566)

Post Editor

  • Add Site Logo & Icon screen to Design panel. (76116)
  • Editor: Show own presence in collaborative editing sessions. (76413)
  • Fields: Add format field. (76308)
  • Media: Add 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. and extension points for client-side media processing. (74913)

Collaboration

  • RTC: Add collaborator selection highlighting in rich text. (76107)
  • RTC: Allow filtering of SyncConnectionModal. (76554)
  • RTC: Auto-register custom 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. rest_base values for CRDT sync. (75983)
  • RTC: Do not sync role=local attributes. (76267)
  • RTC: Implement disconnection debounce after initial connection. (76114)
  • RTC: Implement front-end peer limits. (76565)
  • RTC: Remove post list lock icon and replace user-specific lock text. (76322)
  • Use V2 Yjs methods for 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. Polling. (76304)
  • Add a limit for the default provider. (76437)

Content Guidelines

  • Rename route and use the right Notice component. (76427)

Block Editor

  • Implement state UI for pseudo selectors on Global styles. (75627)
  • Media: Use Document-Isolation-Policy for cross-origin isolation on Chromium 137+.
    (75991)
  • Pattern Editing and Block Fields: Highlight selected block. (74841)
  • Icons API: Support searching in labels. (75878)
  • Media Upload Modal: Try an uploading state with popover in the footer. (76228)
  • Set placeholder to 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. field. (76342)
  • Add confirmation dialog before disconnecting/detaching. (75713)

Interactivity API

  • Add client-side navigation block with interactive features. (76331)

Command Palette

  • Add command palette trigger button to admin bar. (75757)

Bug Fixes

Post Editor

  • Add isNavigationPostEditorKey symbol to fix menu display context. (76461)
  • Allow Post Content to be edited when ‘Show template’ is active and Post content is nested in a Template Part.
    (76305)
  • Client-side media processing: Try plumbing invalidation to the block-editor’s mediaUpload onSuccess callback.
    (76173)
  • Editor: Fix autosaves for draft and auto-draft posts. (76624)
  • Fix: Document Bar: Back button flickers. (76320)
  • Fix: QuickEdit: Consolidate how “Status > Scheduled” works. (76129)
  • Navigation: Disable Mobile Menu in Isolated Editor or Site Editor Preview. (76203)
  • Notes: Disable for in-editor 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.. (76180)
  • Page Parent: Change the default value of ‘fieldValue’ state. (76354)
  • Page/Post Content Focus Mode: Fix insertion into Post Content block. (76477)
  • RTC: Place sync connection modal in front of popover. (76431)
  • Revisions: Show changed block attributes in inspector sidebar. (76550)
  • Revisions: Use useSubRegistry={false} to fix global store selectors. (76152)
  • Site Editor: Ensure editor settings are populated with server-side settings ASAP.
    (75785)

Block Library

  • Cover Block: Add a playlist parameter to 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 YouTube background videos. (76004)
  • Disables anchor support for the Page Break block. (76434)
  • Fix: Update the playlist-track file permissions from 755 to 644. (76315)
  • Fix: Use add_filter() for get_block_type_variations hook. (76297)
  • HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. & 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.: Disable viewport visibility support. (76138)
  • HTML Block: Fix broken layout. (76278)
  • Hide template part replace button when viewing revisions. (76169)
  • Navigation Overlays: Fix submenu overflow when parent nav is right-justified.
    (76360)
  • Navigation block: Fix submenu chevron toggle on touch devices. (76197)
  • Navigation overlay close button may be displayed twice. (76585)
  • Navigation: Update close button size. (76482)
  • Playlist: Clip content to respect border-radius. (76146)
  • Show spinner when replacing media via drag-and-drop. (76245)
  • Site Title Block: Fix preview display. (76614)

Data Layer

  • Core Data: Add ‘supportsPagination’ flag for Font Collection entity. (76404)
  • Core Data: Fix ‘canUser’ returning ‘undefined’ when the allow header is missing.
    (76307)
  • Core Data: Fix per_page query logic for when offset is present in the query.
    (76613)
  • Core Data: Fix selectors returning stale results for different ‘per_page’ queries.
    (76422)
  • Core Data: Support reading revision data in useEntityProp (fixes footnotes in revisions UI).
    (76106)
  • Core Data: Treat single-item responses specially. (76318)
  • API Fetch: Respect caller-provided Content-Type in httpV1 middleware. (76285)

Connectors

  • Add logo URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org support for custom AI providers. (76190)
  • Align Gutenberg init hook priorities with Core. (76161)
  • Fetch specific plugin instead of all plugins. (76594)
  • Gate unavailable install actions behind install 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).. (75980)
  • Improve placeholder text and make it translatable. (75996)
  • Improve responsive layout for small viewport and screens. (76231, 76186)
  • Memoize getConnectors selector. (76339)
  • Move API key validation and masking to REST dispatch level. (76327)
  • Show API key source for env vars and wp-config constants. (76266)
  • Fix RTL styling on AI plugin callout banner. (76497)
  • Fix RTL styling on Connectors, Font Library, and boot-based admin pages. (76496)

Components

  • Compose: Implement useCopyToClipboard and useCopyOnClick with native clipboard API.
    (75723)
  • Fix token fallback plugins breaking JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. strings with quoted font names. (76254)
  • InputLayout.Slot: Forward className prop. (76459)
  • Menu: Fix RadioItem controlled checked state. (76041)
  • Revert “Button: Add word-break: Break-word“. (76230)
  • TimePicker: Clamp month day to valid day for month. (76400)
  • useMediaQuery: Support in-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. queries via new WindowContext. (76446)

Block Editor

  • Block Bindings: Remove source items constrained by enums. (76200)
  • Fix HEIC upload error handling and sub-size format. (76514)
  • Navigation Editor: Allow any blocks to be inserted by gating contentOnly insertion rules to section blocks.
    (76189)
  • Rename and visibility modals: Gate shortcuts behind canEditBlock to prevent triggering in revisions UI.
    (76168)
  • Fix shortcode conversion when separated by
    tags. (76213)

DataViews

  • Add spinner in DataViewsLayout in initial load of data. (76486)
  • DataForm datetime control: Fix date handling. (76193)
  • Fields: Hide scheduledDateField from the list and filters. (76247)
  • Fix last column classname in table layout. (76133)
  • Fix layout scrolling in constrained-height containers. (76453)

Collaboration

  • Fix list sidebar reset during real-time collaboration. (76025)
  • Fix 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 PR for Gutenberg #75746. (76154)
  • Use apiFetch capabilitiescapability 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)., allow nonce refresh. (76283)
  • Fix backport changelog for #76060. (76174)
  • Verify client ID to avoid awareness mutation. (76056)
  • Disable RTC in the site editor. (76223)
  • Fix CRDT serialization of nested RichText attributes. (76597)
  • Fix TypeError in areEditorStatesEqual when selection is undefined. (76163)
  • Fix cursor index sync with rich text formatting. (76418)
  • Fix error when entity record doesn’t have ‘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.’ property. (76311)
  • Fix 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. on post save. (76370)

Interactivity API

  • Fix router initialization race condition on Safari/Firefox. (76053)
  • Fix crypto.randomUUID crash in non-secure contexts. (76151)
  • Make Window.scheduler required to match DOM lib. (76271)

Site Editor

  • Fix block style variations not rendering in Site Editor Patterns page. (76122)
  • Site Editor > Templates: Fix author 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.. (76625)

Client Side Media

  • Media: Enable AVIF support for client-side uploads. (76371)
  • Upload Media: Loosen client-side media processing requirements. (76616)

Global Styles

  • Theme_JSON: Prevent implicit coercion in to_ruleset. (76392)
  • Fix block pseudo-state styles incorrectly applied to default state. (76326)

Patterns

  • Block context menu: Context menu not closing for disconnecting unsynced pattern menu items.
    (75405)

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)

  • Connectors: Improve accessibility. (76456)
  • Add word-break property to visually hidden styles to prevent screen reader issues.
    (75539)

Performance

Block Library

  • Add fetchpriority=low to IMG tags in collapsed Accordion Item blocks. (76336)
  • Add fetchpriority=low to IMG tags in collapsed Details blocks. (76269)
  • Duotone: Lazily load settings. (74748)
  • Image: Replace ‘getEntityRecordPermissions` with ‘canUser’. (76125)
  • Navigation Overlay: Explicitly set fetchpriority for images. (76208)

Data Layer

  • Core Data: Optimize revision selectors. (76043)
  • Revisions: Skip rendered fields in 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/ responses. (76347)

Design Tools

  • Block Visibility: Add fetchpriority=auto to IMG tags in blocks with conditional viewport visibility to prevent potential erroneous
    high loading priority. (76302)

Experiments

Post Editor

  • Add experiment: Render the editor inspector with DataForm. (76244)
  • Fields: Add post content information field. (76309)
  • Fields: Add support for classic themes in template. (76441)
  • Template field: Match exactly the behavior of post template panel. (76596)

Site Editor

  • ExtensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software. Site Editor: Make canvas previews full height. (76201)
  • Move site editor preview CSS to boot package. (76211)
  • Sync some post list changes with Extensible Site Editor. (76243)

Documentation

  • Add Client-Side Navigation documentation to manifest and table of contents.
    (76351)
  • Data: Update documentation for global ‘dispatch’ and ‘select’ methods. (76134)
  • Docs: Document controlled/uncontrolled prop naming conventions for @wordpress/ui.
    (76281)
  • RTC: Update sync documentation. (75972)
  • Storybook: Add basic accent color guidance. (76340)
  • Storybook: Redesign Icon library page. (76034)
  • Storybook: Rename “Components (Deprecated)” to “Deprecated”. (76362)
  • Storybook: Upgrade to 10.2.8. (76403)
  • Theme: Document build plugins in README. (76003)
  • ThemeProvider: Fix tags in Storybook. (76500)
  • Update block registration methods in documentation for WordPress 6.8+. (76324)
  • theme.json schema: Fix pseudo-class definition for button block. (76272)
  • wp-env: Update JSON Schema with missing properties and add README documentation.
    (76115)

Code Quality

  • Boot: Remove manual fallbacks from design token usages. (76414)
  • Fix: Rewrite the license check scripts to use Node’s native module resolution.
    (75039)
  • Add Router type export to wordpress/route. (76139)
  • DataForm: Consolidate date and datetime input placement. (76136)

Block Library

  • HTML Block: Remove “unsaved changes” check. (76086)
  • Icon Block: Clean up selectors configuration. (75786)
  • Icons: Fix incorrect icon slug. (76074)
  • Navigation: Use the shared icon rendering functions for all navigation blocks.
    (76372)
  • Playlist: Move getTrackAttributes to utils. (76096)
  • Simplify require statements for navigation files. (76373)

Data Layer

  • Convert data package fully to TS. (76149)
  • Core Data: Fix the list of properties persisted in autosaves. (76451)

Collaboration

  • Move event hooks from editor to core-data. (76358)
  • Replace apiFetch with core-data store selectors. (76333)

Components

  • Admin UI: Use hasPadding prop in Page stories. (76601)
  • Use --wpds-cursor-control design token. (76218)

Post Editor

  • Remove redundant onNavigateToEntityRecord handling. (76523)
  • TemplateContentPanel: Fix useSelect warning. (76421)

Block Editor

  • ESLint: Add use-recommended-components rule. (76222)
  • Editor canvas iframe: Use load event and default body element. (76314)
  • Add end-to-end test for date field in QuickEdit. (76528)
  • Correct input of setIsLoading. (76381)

Tools

Build Tooling

  • Add [Package] UI label to PR labeler configuration. (76411)
  • Add support for linting annotations and other static analysis workflow improvements.
    (76120)
  • CI: Don’t build release notes during plugin build workflow for WP Core sync.
    (76398)
  • CI: Simplify strategy matrix in Build Gutenberg Plugin Zip workflow. (76435)
  • Check for IS_WORDPRESS_CORE before npm_package_config_IS_WORDPRESS_CORE.
    (76334)
  • ESLint: Add bare token check to no-unknown-ds-tokens. (76210)
  • Fix IS_GUTENBERG_PLUGIN env var override in build configuration. (76605)
  • Only run label enforcement workflow on open PRs. (76274)
  • Publish built Gutenberg plugin to the 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/ Container Registry. (75844)
  • Remove function_exists checks from PHP template. (76062)
  • Upgrade actionlint and run linting when composite actions are modified. (76503)
  • Scripts: Relax wordpress/env peer dependency to allow newer versions. (76192)
  • Ensure consistent, repeatable build results when inlining WASM files via wasmInlinePlugin.
    (76113)
  • wp-build: Stop bundling Core packages, generate prerequisites asset instead.
    (75987)
  • ESLint: Broaden no-setting-ds-tokens to all object property keys. (76212)
  • ESLint: Modernize eslint-plugin rule APIs for v10 compatibility. (76507)
  • ESLint: Replace eslint-plugin-ssr-friendly with custom rules. (76508)
  • Include AI tools disclosure in pull request template. (76425)
  • Remove alexstine from codeowners. (76551)
  • Exclude experimental pages from Core builds. (76038)

Testing

  • Auto Cherry-Pick: Fix race condition in workflow trigger. (76083)
  • Fix “should undo bold” flaky test. (76464)
  • RTC: Fix ‘networkidle’ and other end-to-end tests that are flaky. (76214)
  • RTC: Fix post-editor-template-mode end-to-end test. (76209)
  • RTC: Fix tests related to publish undo stack. (76206)
  • Tests: Skip connector logo URL tests when AI Client is unavailable. (76343)
  • Update Node version to v24 for flaky test reporter. (76492)
  • end-to-end Tests: Add connector setup flow tests with test AI provider. (76433)
  • end-to-end Tests: Add coverage for AI plugin callout banner. (76432)
  • end-to-end Tests: Fix flaky autocomplete and mentions test. (76407)

First-time contributors

The following PRs were merged by first-time contributors:

  • @apermo: Fix: Use add_filter() for get_block_type_variations hook. (76297)
  • @chubes4: API Fetch: Respect caller-provided Content-Type in httpV1 middleware. (76285)
  • @kannan-ravi: Add word-break property to visually hidden styles to prevent screen reader issues. (75539)
  • @markusfoo: Interactivity API: Fix router initialization race condition on Safari/Firefox. (76053)
  • @sagarjadhav: HTML & Shortcode: Disable viewport visibility support. (76138)
  • @smithjw1: RTC: Auto-register custom taxonomy rest_base values for CRDT sync. (75983)
  • @wwahammy: Correct input of setIsLoading. (76381)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @adamsilverstein @aduth @alecgeatches @alexstine @Aljullu @andrewserong @annezazu @apermo @aswasif007 @CGastrell @chriszarate @chubes4 @ciampo @Copons @dabowman @desrosj @dhasilva @dlind1 @ellatrix @enejb @getdave @gigitux @gziolo @hbhalodia @huzaifaalmesbah @iamchughmayank @im3dabasia @ingeniumed @jameskoster @jasmussen @jeryj @jorgefilipecosta @jsnajdr @juanmaguitar @kannan-ravi @kraftbj @MaggieCabrera @Mamaduka @manzoorwanijk @markusfoo @mattgrshaw @maxschmeling @mcsf @mikachan @mikejolley @mirka @Mustafabharmal @ntsekouras @oandregal @ockham @pkevan @ramonjd @retrofox @sagarjadhav @scruffian @sgomes @shekharnwagh @shimotmk @simison @smithjw1 @t-hamano @talldan @westonruter @wwahammy @youknowriad @yuliyan

Props to @annezazu for reviewing and @joen for providing the design assets.

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