Dev Chat summary: April 15, 2026

Startย of the meeting inย 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/, facilitated by @amykamala ๐Ÿ”— Agenda post.

Announcements ๐Ÿ“ข

WordPress 7.0 Updates

  • The Path Forward for WordPress 7.0. The 7.0 release is still on pause for the time being. A new schedule is being worked out and will be announced by the 22nd. There will be another Release Candidaterelease candidate One of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta). in name, but in practice the next release will be treated as a 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., specifically to test architectural improvements to Real Time Collaboration. Thank you in advance to everyone who helps test!

General

Discussion ๐Ÿ’ฌ

@annezazu has published Defining expectations for Iteration issues announcing some adjustments to iteration issue handling 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/ repo.

From @amykamala: โ€œFinding the most current PRs and discussions can be a bit of a wild goose chase because while PRs mention tickets in their content, the fields/relationships on the right that would link PRs to a ticketticket Created for both bug reports and feature development on the bug tracker., project, status, etc are not actively being used. For 7.0 theres a kan ban board but nothing in it because tickets and PRs are not being tagged. So the only way to find this info is to scroll endlessly on tickets and click on all the links in the notifications. Some of you may remember a while back I asked devs in here to please start tagging their PRs in the fields on the right.โ€

  • @jeffpaul noted that the #core-program channel may be a good place to iterate on this topic.

Matt is requesting community reps and organizers increase emphasis on Elevating Individuals in the contributor space to to celebrate volunteers and folks who contribute in their own spare time.

From @miroku: โ€œI can only report problems; can that be considered a contribution? Iโ€™m always struggling to figure out how to volunteer effectivelyโ€. @jorbin answered that testing and finding bugs is absolutely a contribution!

@westonruter wanted to draw attention to this issue with @wordpress/core-abilities which makes it difficult to use outside of a React context. A PR is available to fix the issue.

#7-0, #core, #core-editor, #dev-chat

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

Dev Chat summary: April 8, 2026

Startย of the meeting inย 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/, facilitated by @audrasjb ๐Ÿ”— Agenda post.

Announcements ๐Ÿ“ข

WordPress 7.0 Updates

  • The Path Forward for WordPress 7.0. Quick summary:
    • trunk is closed to commits for the 7.1 release until further notice
    • Backporting to 7.0 still requires double committercommitter A developer with commit access. WordPress has five lead developers and four permanent core developers with commit access. Additionally, the project usually has a few guest or component committers - a developer receiving commit access, generally for a single release cycle (sometimes renewed) and/or for a specific component. sign off
    • Pre-releases are paused
    • The next release will be a 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).
    • Weโ€™re currently in string freeze
  • Newย 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.:

Discussion ๐Ÿ’ฌ

From @desrosj: contributors who have a list of notes for tickets to create are encouraged to create them before the WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what theyโ€™ve learned throughout the year and share the joy. Learn more. Asia Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. Especially if they are good-first-bugs!ย 

@desrosj added: โ€œIf someone has some time, triaging the good-first-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. list could also be helpful. Sometimes that list is intimidating because it seems like everything is attended to. But often times the patches need to be refreshed or the approaches so far are not fully solving the issue at hand. If we could note that on the tickets, it may make them more easily actionable.โ€

@audrasjb noted that the 8 tickets in the i18n component for 7.0 are easy tickets that would be nice to address during the contributor day. They are also Polyglots, CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., and Core Editor cross-team tickets.

@desrosj will encourage our Polyglots contributors to open tickets for strings that need refinement and additional context as it is a great way to contribute to the upcoming release.

#7-0, #core, #core-editor, #dev-chat

Dev Chat summary: April 1, 2026

Startย of the meeting inย 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/, facilitated by @audrasjb ๐Ÿ”— Agenda post.

Announcements ๐Ÿ“ข

Editor

General

WordPress 7.0 Updates

Discussion ๐Ÿ’ฌ

From Matt: Rethinking Left Navigation

  • @audrasjb: โ€œOrdering plugins in a menu is a pretty sensible [but] it would be great if users could order them themselvesโ€
  • @jorbin recommended to make it a Feature PluginFeature Plugin A plugin that was created with the intention of eventually being proposed for inclusion in WordPress Core. See Features as Plugins project
  • @joedolson wanted to note that maintaining consistent navigation order is an explicit accessibility requirement

From @joefusco: โ€œFollowing the awareness/presence discussion in #64696, I built a feature plugin to test the workload independently from RTC feature.โ€

  • @desrosj proposed to make it a Feature Plugin hosted on the WordPress 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/ repository andโ€ฆ tada! Itโ€™s live.

From @wildworks: โ€œI am proposing to remove the ability to embed YouTube videos in 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.. I would appreciate your thoughts on this. In my opinion, this violates the terms of service and also presents accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) issues.โ€ See this PR comment.

  • @jorbin pointed out that WordPress has shipped with header video support for almost a decade with no complaints, so removing this from the cover block should not be rushed.
  • @joedolson added that the accessibility issue is technically a content control issue; it doesnโ€™t directly create an issue, but opens a door for significant issues that were previously easily prevented.
  • @wildworks shared this Slack thread, where comments are welcome about this topic.

#7-0, #core, #core-editor, #dev-chat

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 Aย 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 Aย 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

Whatโ€™s new in Gutenberg 22.6? (25 February)

โ€œ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.6?

Gutenberg 22.6 has been released and is available for download!

This release brings visual change tracking to 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. and introduces a brand-new Icon 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.. The navigation overlay and client-side media processing both graduate from experimental status. Real-time collaboration adds cursor awareness and can now be enabled through a global settings toggle, and the Gallery block now supports lightbox navigation between images.

A total of 388 PRs were merged in Gutenberg 22.6, with 8 first-time contributors!

Table of contents

In-Editor Revisions: Visual Change Tracking

Browsing post revisions in the editor now shows a color-coded visual diff between the selected revision and its predecessor. Added text appears in green with an underline, removed text in red with a strikethrough, and formatting or attribute changes are highlighted with a yellow outline. Entire blocks, added or removed, are outlined in green or red, respectively. Visual change tracking can be toggled off to view clean content. Colors blend with currentColor so they look appropriate across all themes. (75049)

Icon Block

A brand-new Icon block lets you insert SVG icons from a curated library directly into your content. The block is powered by a new server-side SVG Icon Registration APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways., so updates to the icon registry propagate to all uses without block validation errors. A REST endpoint at /wp/v2/icons supports searching and filtering. The initial set draws from the wordpress/icons package, and the architecture is designed for future extensibility including third-party icon registration. (71227, 72215, 75576)

Navigation blocks now have customizable overlays and give user full control over mobile hamburger menus. A prominent โ€œCreate overlayโ€ button guides you through the setup, providing a selection of patterns to achieve a variety of designs for your overlay. The Navigation Overlay feature is no longer experimental, and is available to all users of the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party.. (74968, 74971, 75564, 75276)

Client-Side Media Processing

Client-side media processing is a feature that leverages the browserโ€™s capabilitiescapability Aย capabilityย is permission to perform one or more types of task. Checking if a user has a capability is performed by the current_user_can function. Each user of a WordPress site might have some permissions but not others, depending on theirย role. For example, users who have the Author role usually have permission to edit their own posts (the โ€œedit_postsโ€ capability), but not permission to edit other usersโ€™ posts (the โ€œedit_others_postsโ€ capability). to process images. This enables the use of more advanced image formats (including AVIF, WebP, and MozJPEG output encoding) and compression techniques (resulting in ~10โ€“15% smaller file sizes with no quality loss for generated JPEG sub-sizes). It also reduces demand on the web server, thus providing smoother media workflows. As of Gutenberg 22.6, client-side media processing has graduated from experimental state to stable feature. (75081, 74910)

Real-Time Collaboration

Real-time collaboration sees a major round of development in this release. A new toggle under Settings > Writing lets you enable the feature, and once active, collaborators editing the same post see each otherโ€™s cursor positions and block selections in real time. A presence indicator in the editor 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. shows whoโ€™s currently editing. Under the hood, title, content, and 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. now sync via Y.text for more granular conflictconflict A conflict occurs when a patch changes code that was modified after the patch was created. These patches are considered stale, and will require a refresh of the changes before it can be applied, or the conflicts will need to be resolved. resolution, and numerous reliability fixes address disconnection handling, revision restores, and performance metrics. (75286, 75398, 75065, 75448, 75595)

The Gallery blockโ€™s โ€œEnlarge on clickโ€ lightbox now supports navigation between images. When you click an image in a gallery, back and next buttons let you browse through the rest of the gallery without closing the lightbox. Keyboard navigation with arrow keys and screen reader announcements (โ€œEnlarged image X of Yโ€) are fully supported. Images that donโ€™t have lightbox enabled (e.g., those linked to a file URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org) are skipped during navigation. (62906)

Other Notable Highlights

  • Block visibility enhancements: List View now shows viewport-aware icons with tooltips indicating which viewports a block is hidden on, and hidden blocks get a simplified toolbar. The keyboard shortcut (Cmd+Shift+H / Ctrl+Shift+H) to toggle block visibility options is featured in the block context menu. (75404, 75335, 75334)
  • Notes keyboard shortcut: You can now create a block note with Cmd+Option+M (Mac) or Ctrl+Alt+M (Windows/Linux), and press Escape to cancel. (75287, 75288)
  • Verse block renamed to Poetry: The Verse block is now called Poetry. (74121)
  • QuickEdit stabilized: QuickEdit is now stable and opens as a modal in the Site Editor pages view. (75565, 75173)
  • Text-align block support migrations: Eight blocks (Author Biography, Post Author Name, Post Comments Count, Post Comments Form, Post Comments Link, Post Terms, Post Time to Read, and Term Description) have been migrated to the standardized text-align block support.
  • Enforced 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 the post editor: Please check here for more information. (75475)

Many of these new features will also be included in the upcoming WordPress version 7.0, so you can find more details and testing instructions over at the 7.0 Call for Testing.

Changelog

Features

  • wp-env: Add โ€“config option for custom configuration files. (75087)

Client Side Media

  • Add AVIF, WebP and MozJPEG output encoding support. (75081)
  • Add device/browser capabilitycapability Aย 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). detection. (75863)
  • Add EXIF metadata tests for Client Side Media. (74909)
  • Fix client-side media file naming. (75817)
  • Media: Graduate client-side media processing from experimental. (75112)
  • Pass unsupported formats directly to the server. (74910)

Block Library

  • New Block: Icon Block. (71227)
  • Remove the Icon Block and Icon SVG API from experiments. (75576)

Interactivity API

  • Export watch from @preact/signalsโ€˜s effect. (75563)

Enhancements

  • wordpress/ui: Add Dialog component. (75183)
  • wordpress/ui: Use semantic dimension tokens. (74557)
  • Abilities: Allow nested namespace ability names (2-4 segments). (75393)
  • Add testsEnvironment option and split Gutenberg wp-env configs. (75341)
  • Adminadmin (and super admin) UIUI User interface: Apply โ€˜text-wrap: Prettyโ€™ to Page. (74907)
  • Commands: Display categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. labels and enforce category icons. (75669)
  • Gutenberg plugin: Always enforce the iframe in the post editor. (75475)
  • Layout: Update Gutenberg to match coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. after #75360 sync. (75594)
  • Media Utils: Auto-select uploaded files in media modal experiment. (75597)
  • MediaEdit: Support ordered values and reordering of items. (75207)
  • Replace install-path command with status command in wp-env. (75020)
  • Theme: Update dimension tokens. (75054)
  • Theme: Update elevation tokens to use abbreviated size names. (75103)
  • UI: Add Textarea primitive. (74707)
  • @wordpress/ui: Add IconButton. (74697)
  • @wordpress/ui: Add Tabs. (74652)
  • iAPI router: Move internal properties to a private store. (70882)
  • ui/IconButton: Make icon always 24px regardless of size prop. (75677)
  • ui/Button: Add min width. (75133)
  • wp-env: Add cleanup command and force flag. (75045)

Block Library

  • Accordion block: Add list view support. (75271)
  • Accordion: Move Accordion icons to Icon library. (75380)
  • Author block: When recreating, migrate the textAlign attribute of the Author block to the block style attribute. (75153)
  • Block Supports: Add Line Indent support using enum setting. (74889)
  • Blocks: Try prepending โ€˜httpsHTTPS HTTPS is an acronym for Hyper Text Transfer Protocol Secure. HTTPS is the secure version of HTTP, the protocol over which data is sent between your browser and the website that you are connected to. The 'S' at the end of HTTPS stands for 'Secure'. It means all communications between your browser and the website are encrypted. This is especially helpful for protecting sensitive data like banking information.โ€™ to URLs without protocol. (75005)
  • Breadcrumbs: Improve loading state rendering. (75383)
  • Custom CSSCSS Cascading Style Sheets. support: Add attributes for dynamic blocks. (75052)
  • Default all initial suggested results to 20 for navigation link ui. (75186)
  • Gallery: Add lightbox support. (62906)
  • Gallery: Add list view block support. (75407)
  • Icon block: Skip serialization and increase default size. (75553)
  • Image Block: Handle image URLs without protocol. (75135)
  • Informational Parity between Inspector Link Preview and on Canvas Link Preview. (75399)
  • List View Support: Only render list view on top level block with support. (75166)
  • Migrate multiple blocks to text-align block support:
    • Author Biography. (74997)
    • Post Author Name. (75109)
    • Post Comments Count. (75321)
    • Post Comments Form. (75322)
    • Post Comments Link. (75332)
    • Post Terms. (75545)
    • Post Time to Read. (75541)
    • Term Description. (75542)
  • Navigation Link: Clarify Link To 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. and draft states. (74054)
  • Navigation Link: Go to page link and edit page for inspector 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.. (75262)
  • Navigation Overlay: Add Create Overlay button. (74971)
  • Navigation Overlay: Remove experiment. (74968)
  • Navigation: Improved help on create page flow. (75349)
  • Navigation: Update overlay template part naming to โ€˜Navigation Overlayโ€™. (75564)
  • Pattern Editing and Navigation block: Show navigation controls in popover. (75194)
  • Pattern Editing: Allow click through to List View. (75246)
  • Pattern Editing: Revise โ€˜Edit sectionโ€™ button naming. (75663)
  • Playlist block: Remove border. (75202)
  • Post Excerpt: Add text columns support. (75587)
  • Pre-populate Navigation Page Creator with Search Text. (75154)
  • Rename Verse block to Poetry. (74121)
  • Tabs:
    • Add text and background color support. (75482)
    • Inherit text color for tabs-menu-item blocks. (75621)
    • Polish. (75128)
    • Simplify Tabs Menu Item editing. (75416)
    • Tidy up UI for controls. (75309)
    • Update Tabs block icons. (75376)
  • 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.: Enable width setting for Icon block by default. (75665)

Post Editor

  • Add dedicated navigation-overlay icon (#75249). (75426)
  • Auto-switch viewport based on Overlay Visibility setting when entering overlay editor. (75386)
  • Block Editor: Allow disabling content-only editing for unsynced patterns. (75457)
  • Commands: Add category property to command registration. (75612)
  • Create sub-sized images. (74566)
  • Editor: Introduce new selectedNote editor state. (75177)
  • 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. navigation category patterns to only show in navigation-overlay template part context. (75276)
  • In-editor Revisions: Update success notice message. (75411)
  • In-editor revisions: Add visual diffing. (75049)
  • Migrate EditorSnackbar and EditorNotices components to the @wordpress/notices package. (74384)
  • Navigation: Select list view tab on contentOnly. Alternative with explicit solution. (75578)
  • Notes: Add a keyboard shortcut for creating a new note. (75287)
  • Notes: Pressing Escape should cancel adding a note. (75288)
  • Notes: Update shortcut category. (75461)
  • Post Content Block: Improve removal confirmation modal. (75001)
  • Real-time collaboration:
    • Add collaborators cursor awareness. (75398)
    • Add global setting to enable real-time collaboration. (75286)
    • Move PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher code to compat / backports directory. (75366)
    • Remove block client IDs from Awareness, fix โ€œShow Templateโ€ view. (75590)
  • Set snackbar position to center. (75294)
  • Site Editor Pages: QuickEdit as a modal. (75173)
  • Use contextual snackbar text when activating a theme from preview. (75385)

Block Editor

  • Add URL validation in LinkControl using ValidatedInputControl. (73486)
  • Add block rename keyboard shortcut. (74454)
  • Add getDimensionsClassesAndStyles function and related tests. (74524)
  • Add storybook for ColorPaletteControl. (74425)
  • Block Lock: Disable Apply button on non-dirty state. (75495)
  • Block Support: Allow serialization skipping for ariaLabel. (75192)
  • Block Visibility:
    • Centralize modal state in block-editor store. (75367)
    • Disable Apply button on non-dirty state. (75494)
    • Disable visibility toggle for children of sections. (75447)
    • Show keyboard shortcut in context menu. (75334)
    • Show viewport icons and tooltip in list view for hidden blocks. (75404)
    • Simplify toolbar for hidden blocks. (75335)
  • Cover: Add new โ€œfullheightโ€ icon, and use for Cover. (75240)
  • Enable paragraphs to be added to contentOnly patterns. (73222)
  • Enhance block appender labels to reflect default block type. (71502)
  • Hide parent grid cells when child grid is selected. (75078)
  • Implement WebAssembly support detection and fallbacks. (74827)
  • Improve Background panel UI in Global Styles. (75230)
  • Pattern Editing: Add โ€œEdit sectionโ€ button to unsynced pattern toolbar. (75602)
  • Pattern Editing: Hide List View child blocks in Content panel. (75007)
  • Stabilize PHP-Only Block Registration. (75543)

Site Editor

  • DataForm: Update panel trigger. (75290)
  • DataViews: Add onReset prop for view persistence reset. (75093)
  • Make QuickEdit stable + change template to select. (75565)
  • Prevent welcome guide from appearing during loading. (75102)
  • Quick edit: Make footer sticky. (75297)
  • Unified view persistence: Share one persisted view across all tabs. (74970)

DataViews

  • Add new adaptiveSelect DataForm control. (74937)
  • Consistent rendering of selection checkbox and actions in grid layout. (75056)
  • DataForm: Add edit variant. (75462)
  • DataForm: Mark fields as required or optional automatically. (74430)
  • Dataform: Adds validation support to the DataForm details layout. (74996)

Components

  • DataViews: Use public ColorPicker instead of internal Picker export. (75394)
  • DateCalendar, DateRangeCalendar: Use lighter gray for disabled dates. (75683)
  • ToggleGroupControl: Add visual emphasis to selected item. (75138)
  • [Real-time collaboration] Refine collaborator overlay with 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. component integration. (75595)

Icons

  • Icons Registry: Donโ€™t expose โ€œinternalโ€ icons. (75526)
  • Trim list of public icons further. (75630)
  • Update icon manifest acronyms. (75418)

Media

  • Media Fields: Filter author field to only show authors. (75328)
  • Media Fields: Fix filename field truncation. (75091)
  • Media Modal Experiment: Update preview size to be a little smaller. (75191)

New APIs

  • Real-time collaboration: Remove wordpress/sync from bundled packages and add private APIs. (74671)

Bug Fixes

  • Boot: Fix mobile admin bar covering single-page headers. (75339)
  • DataForm: Fix color picker styles. (75427)
  • Env: Remove non-functional WP_ENV_MULTISITE configuration. (72567)
  • Fields: Fix authorField query. (75298)
  • Fix missed dimension token migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. in UI package. (75446)
  • Fix undo end-to-end test. (75740)
  • Language Format: Add missing attribute definition. (75422)
  • Media Modal Experiment: Remove default value for allowedTypes so that the file block can accept all types. (75159)
  • Prevent fatal error when the inline CSS duotone variable is an array. (75283)
  • Routing Boot Package: Remove left border from stage and inspector surfaces. (75036)
  • Run generate-worker-placeholders script in dev. (75104)
  • Support zip theme sources in Playground runtime. (75155)
  • Upload Media: Fix upload handling. (75646)
  • 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. Area: Disable renaming and visibility support. (75279)
  • Writing flow: Fix Cmd+A from empty RichText. (75175)
  • iAPI Router: Update cached styles for re-fetched pages. (75097)
  • ui/Button: Fix disabled styles and variable composition. (75568)
  • wp-env Playground: Improve mapping and core source handling. (75527)
  • wp-env:
    • Fix MySQLMySQL MySQL is a relational database management system. A database is a structured collection of data where content, configuration and other options are stored. https://www.mysql.com startup race condition causing database connection errors. (75046)
    • Fix mixed runtime detection issues. (75057)
    • Fix status command. (75325)

Block Library

  • Add initialSearchState to avoid console warnings from LinkControl inputValue change. (75643)
  • Border Support: Fix editor split border style fallback. (75546)
  • Comments Link: Fix transforms textAlign. (75676)
  • Cover block: Force LTR direction for the background URL input field. (75169)
  • 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.: Added a fallback to the default value when clearing the aspect ratio control for the Featured Image. (75358)
  • Fix duplicate content when navigation overlay is open and nav has non-link inner blocks. (75180)
  • Fix: Make all Navigation Overlay Close buttons work. (75384)
  • Fix: Show and hook up submenu visibility for Page Lists within Navigation Blocks. (75531)
  • Gallery: Fix PHP warning in random order image reordering. (75678)
  • Gallery: Skip interactivity directives when no images have lightbox enabled. (75680)
  • Group Block: Fix preview display. (75200)
  • Heading Block: Fix preview display. (75675)
  • Hide grid visualiser if the grid block is hidden. (74963)
  • Hide navigation-overlay template parts from inserter. (75478)
  • Icon Block:
    • Corrects style selectors when global styles are set. (75724)
    • Include Icons assets in Plugin ZIP. (75866)
    • Move default width rule to theme.json instead of block.json. (75653)
    • Remove experimental property. (75742)
  • Image block: Add missing space between sentences. (75142)
  • Improve link preview badges. (75318)
  • Media & Text: Respect image_default_link_type option. (74295)
  • Navigation Submenu: Restore openSubmenusOnClick to usesContext for backward compatibility. (75435)
  • Navigation block: Remove horizontal scroll from list view. (75086)
  • Navigation link: Fix resetting link from the tools panel. (75228)
  • Navigation overlay: Fix default pattern contrast issue on dark themes. (74979)
  • Post Excerpt: Disable HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. element insertion. (74928)
  • Pullquote: Fix deprecated block validation when anchor/id attribute is present. (75132)
  • Query: Remove content role from block. (75760)
  • Remove useEffect guard rail to enforce minimum width. (75624)
  • Respect deprecated openSubmenusOnClick value on frontend rendering. (75439)
  • Tab Block: Ensure label formatting works correctly. (75548)
  • Tab: Fixed the color reset to ensure correctness. (75606)
  • Tabs:
    • Fix incorrect fixtures. (75523)
    • Fix saved HTML. (75580)
    • Improve Tab Panel 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). (75484)
    • Improve tab keyboard nav. (75471)
    • Make Example preview translatable. (75555)
    • Remove name editing UI. (75554)
    • Sanitize tab_id. (75615)

Block Editor

  • Allow grid to use style variation blockGap values for columns calculation. (75360)
  • Allow stable block IDs in block editor store. (74687)
  • Block Bindings: Have block fields panel reflects bound attribute value. (72096)
  • Block editor cross origin isolation: Attempt to gracefully deal with race conditions. (75600)
  • Block transform command: Pass the block icon src rather than a BlockIcon component. (75365)
  • ContrastChecker: Fix check for button block colors. (71959)
  • DOM: Make focus.focusable spec-compliant by excluding inert elements. (75172)
  • Fix Columns block horizontal spacing when setting vertical gap. (75355)
  • Fix LinkControl URL Normalization. (75488)
  • Fix emdashes in HTML anchor description. (75043)
  • Fix error when undoing newly added pattern. (75850)
  • Fix: Changing URL in link after changing text outside the popover resets it. (75342)
  • Link Control: Validate on submit. (75267, 75310)
  • List View tab: Ensure itโ€™s populated when first selecting a container block. (75558)
  • Only show dot divider for parent selector in top toolbar. (75710)
  • Pattern editing: Fix block editing modes when switching back and forth from isolated editing. (75821)
  • Pattern Editing: Fix nested patterns/sections. (75772)
  • Post editor: iframe: Check inserted rather than registered block versions. (75187)
  • Preserve existing URLInput defaults by only using validation component when validity settings are used. (75392)
  • Remove formatting controls restriction private API. (75382)
  • RichText:
    • Remove min-width inline style causing flex layout issues. (75370)
    • Avoid stale active formats when deleting the text. (75227)
    • Fix white space collapsing around formatting. (74820)
  • Synced patterns: Fix block editing mode of synced pattern content when nested in an unsynced pattern. (75818)
  • Writing Flow:
    • Fix block selection from partially selected RichText. (75449)
    • Fix select all with full formatting. (64934)
    • Skip non-empty blocks on arrow key nav. (75141)

Post Editor

  • Add paste logging to writing flow. (73885)
  • Fix Overlay core patterns not showing on design tab. (75618)
  • Fix selection restoration after entity navigation. (75371)
  • In-editor revisions: Preserve client IDs. (75028)
  • Lock save button during Client Side Media processing and uploading. (74951)
  • Notes:
    • Remove block highlight when deleting parent note. (75453)
    • Fix block toolbar click action. (75614)
    • Fix new note creation from the List View. (75566)
    • Fix sidebar display logic for small screens. (75454)
  • Real-time Collaboration: Fix revision restore 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.. (75233)
  • Restore deprecated Pullquote Block. (75122)
  • [Real-time collaboration] Fix layout issue. (75599)

Components

  • Button: Prevent outline flicker when focused and active at the same time. (75346)
  • ExternalLink: Prevent Twemoji from replacing arrow. (75538)
  • Fix: ISO 8601 compliant year formatting in TimePicker. (75343)
  • Remove โ€œtext-wrap: Balanceโ€ fallback from Text. (75089)
  • Slot: Fix ref forwarding. (75274)
  • Snackbar: Fix scaling issue with snackbars that update their content via a common id. (75709)
  • Tabs: Set explicit font-family on tab buttons. (75537)
  • ToggleControl: Pass full props to the input element. (74956)
  • ToggleControl: Prevent console warning for __nextHasNoMarginBottom. (75296)

Collaboration

  • Add cap check for single 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. term entities. (75708)
  • Add minimum cap check to sync endpoint. (75681)
  • Always target autosave revision. (75105)
  • Bugfix for CRDT user selection and add tests. (75075)
  • Bugfix: Set the removed users to empty for awareness. (75337)
  • Fix comment syncing on site editor. (75746)
  • Fix entity save call / initial persistence. (75841)
  • Pick user fields instead of spreading the entire object. (75528)
  • Remove disconnected users from Awareness. (75253)
  • Remove IS_GUTENBERG_PLUGIN checks for collaborative editing. (75699)
  • Update diff package. (75644)

DataViews

  • Add title attribute in grid item title field. (75085)
  • DataForm Regular layout: Label always uppercase. (75292)
  • DataViews Filters: Fix styling of long values in filter dropdown. (75369)
  • Fix fields async validation. (74948)
  • Fix title truncation in list layout. (75063)

Icons

  • Fix incorrect attributes for SVG. (75273)
  • Make full height icon label title case. (75524)

Site Editor

  • Prevent QuickEdit modal from being triggered in list layout via URL param. (75300)
  • Refactor activeFilters to activeViewOverrides with date sort for User tab. (75094)

npm Packages

  • Update wordpress/vips in root package.json to use a relative path. (75758)
  • Vips and worker-threads packages: Remove private flag so that packages can be published to npm. (75752)

Accessibility

  • RangeControl: Support forced-colors mode. (75165)
  • Resize 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. box pane without ResizableBox. (66735)

Performance

  • Improve sync performance metrics. (75029)
  • Notes: Donโ€™t trigger reflow for pinned sidebar. (75010)

Block Editor

  • Editor iframe: Memoize src blob URL to prevent unwanted revokes. (75619)
  • Optimize controlled inner blocks state churn. (75458)
  • useBlockSync: Stop reconstructing controlled inner blocks. (75562)

Block Library

  • Media & Text: Fix RTLCSS control directives appearing in production CSS. (73205)
  • Post Terms: Avoid unbound queries when the post context isnโ€™t available. (75536)
  • Core Data: Create icons entity. (75773)

Experiments

  • Add useBlocker to private APIs for enhanced routing control. (75687)
  • Playlist block. (50664)
  • Real-time Collaboration: Fix broken unit tests for awareness. (75362)
  • SVG Icon registration API. (72215)

Collaboration

  • Add collaborators presence UI. (75065)
  • Add hook for accessing awareness data. (75009)
  • Add sync connection status handling. (75066)
  • Add tests for the awareness code in core-data. (75074)
  • Add tests for the awareness code in sync. (75077)
  • Compact on request with encodeStateAsUpdate. (75682)
  • Fix auto draft bug for Y.text titles. (75560)
  • Import Yjs correctly in core-data. (75500)
  • Sync post content and undefined blocks value. (75437)
  • Update the y-protocols version and remove the unnecessary diff types. (75657)
  • Use Y.text for title, content and excerpt. (75448)

Documentation

  • Clarifies cherry-picking permissions and improves minor releaseMinor Release A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 5.2.x to refer to versions 5.2, 5.2.1, 5.2.3, and all other versions in the 5.2 (five dot two) branch of that software. Minor Releases often make improvements to existing features and functionality. workflow documentation. (75034)
  • wordpress/theme: Add missing CHANGELOG entries. (75281)
  • Components: Add usage guidance for agents and Storybook. (74815)
  • Core Block Reference: Fix object empty inner key processing. (75391)
  • Design System: Add guidelines for save and submit UXUX User experience. (74811)
  • Docs: Add missing global documentation in block library. (75004)
  • Docs: Remove private 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/ team links in repository management. (75255)
  • Docs: Rename Interactivity APIโ€™s โ€˜API Referenceโ€™ to โ€˜Directives and Storeโ€™. (74974)
  • Docs: Simplifying Gutenberg versions table. (75209)
  • Fix awareness timeout documentation unit. (75284)
  • Fix: Navigation Overlay Close Block: Add missing since 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.) #75247. (75250)
  • Real-time collaboration: Update โ€˜sync.providersโ€™ filter inline comments. (75248)
  • Removed Unused Global Documentation. (75631)
  • Scripts: Fix contributor guide link in README. (75161)
  • Storybook: Add Stories for LetterSpacingControl component. (73480)
  • Storybook: Fix missing props on certain components. (75316)
  • Storybook: Preserve export order for stories. (75295)
  • Tabs: Add @since 7.0.0 annotations. (75521)
  • Theme: Fix gap token migration guide in changelog. (75492)
  • Theme: Render default density selector last in design tokens CSS. (75474)
  • Updated Typo in template-activate file. (75333)

Code Quality

  • Cleanup: Remove unnecessary array check in WP_Theme_JSON_Gutenberg. (75515)
  • Code Modernization: Replace isset() checks with null coalescing operator. (75425, 75419, 75487)
  • Core Data: Improve blocks cache in useEntityBlockEditor. (75400)
  • Docs: Add missing global documentation in rtl.php and meta-box.php. (75082)
  • Generate manifest PHP file based on JSON file. (75684)
  • Move experimental PR out of 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. log. (75465)
  • Navigation overlay: Added basic end-to-end tests. (75581)
  • Private APIs: Remove duplicate @wordpress/ui entry. (75051)
  • Remove backport changelog committed by mistake. (75441)
  • Remove the ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org Native test status badges. (74674)
  • Restrict base-ui imports outside of UI component packages. (75143)
  • Select: Remove unnecessary jest.setTimeout from test. (75444)
  • Types: Consistently use the React namespace. (75499)

Block Library

  • Deprecate โ€˜Post authorโ€™ block. (55352)
  • Navigation: Consolidate SVG rendering functions to a shared helper. (74853)
  • Optimize tabsList computation with useRef for comparison. (75219)
  • Playlist block: Inherit more CSS. (75256)
  • Remove temp nav files. (75061)
  • Remove unnecessary block deprecation from experimental tabs. (75208)
  • Storybook: Always load design tokens in Design System section. (74899)

Block Editor

  • Add l10nL10n Localization, or the act of translating code into one's own language. Also see internationalization. Often written with an uppercase L so it is not confused with the capital letter i or the numeral 1. WordPress has a capable and dynamic group of polyglots who take WordPress to more than 70 different locales. context to โ€˜Manage allowed blocksโ€™ string. (75239)
  • PHP-Only Block Registration: Remove client-side schema validation. (75623)
  • Pattern Editing: Add comments for expandRevision functionality. (75573)
  • Pattern Editing: Move List View selectors to private-selectors. (75414)
  • The insertBlock(s) actions should receive the same arguments. (75197)
  • useBlockVisibility: Consolidate and remove unnecessary useMemo calls. (75120, 75125)

Components

  • Prefix usages of JSX namespaces with React.JSX. (75508)
  • Story types: Fix StoryFns used as React components. (75472)
  • UI: Remove Box component abstraction. (74986)
  • Update Ariakit packages. (75620)
  • Update dependencies and types for React 19 compatibility. (75324, 75340, 75567)
  • useRef: Always supply initial value. (75513)

Post Editor

  • Notes: Use preferences store when applicable. (75008)
  • Real-time Collaboration: Change users to collaborators. (75237)
  • Real-time collaboration: Fix type imports. (75232)
  • Real-time collaboration: Make the collaborators presence button translatable. (75252)
  • Remove deprecated __nextHasNoMarginBottom prop. (75139)
  • RichText: Move useFormatTypes to rich-text package. (75387)
  • useMergeRefs: Migrate to TypeScript. (75569)

DataViews

  • DataForm: Style SummaryButton in panel layout with is-disabled classname. (75470)
  • Externalize theme stylesheet. (75182)

Collaboration

  • Move AwarenessState to wordpress/core-data. (75216)
  • Real-time collaboration: Update and unpin sync package dependencies. (75059)

Tools

  • AGENTS.md: Add CLAUDE.md symlinks, architecture decisions, and common pitfalls. (75507)
  • Duotone: Add sgomes as owner. (75519)
  • Real-Time Collaboration: Add end-to-end tests for RTC. (75598)

Testing

  • Add end-to-end test for loading settings in site editor preload spec. (75661)
  • Add end-to-end test for selection restoration after pattern navigation. (75575)
  • Add 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. for gap in block style variations fix. (75038)
  • Navigation: Add โ€˜expectedDeprecatedโ€™ annotations. (75659)
  • Update Navigation block tests to use non-deprecated API. (75660)
  • Update navigation block tests to use gutenberg version of block_core_navigation_block_tree_has_block_type. (75673)
  • Upgrade Playwright to v1.58. (75632)
  • Workflows: Ignore icons manifest for manual backports. (75245)

Build Tooling

  • Add timestamp when publishing next versions. (75293)
  • Build: Add vendorScripts configuration to build packages from node_modules. (74343)
  • Fix dev build for fresh checkouts (or with build/scripts/block-library missing). (75108)
  • GitHub actions: Exclude lib/theme.json from backport changelog check. (75666)
  • Infrastructure: Add storybook to tsconfig project references. (74887)
  • Publishing packages: Fix next timestamp. (75301)

First-time contributors

The following PRs were merged by first-time contributors:

  • @Abmarne: Fix: Navigation Overlay Close Block: Add missing since tag #75247. (75250)
  • @anandrajaram21: Storybook: Add Stories for LetterSpacingControl component. (73480)
  • @czarflix: DataForm: Mark fields as required or optional automatically. (74430)
  • @davidabowman: [Real-time collaboration] Refine collaborator overlay with Avatar component integration. (75595)
  • @gmjuhasz: Media & Text: Fix RTLCSS control directives appearing in production CSS. (73205)
  • @lsarsfield: wp-env: Fix MySQL startup race condition causing database connection errors. (75046)
  • @Marianne380: Navigation Submenu: Restore openSubmenusOnClick to usesContext for backward compatibility. (75435)
  • @Swoyamjeetcodes: Add getDimensionsClassesAndStyles function and related tests. (74524)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @Abmarne @adamsilverstein @aduth @alecgeatches @amitraj2203 @anandrajaram21 @andrewserong @annezazu @bernhard-reiter @czarate @czarflix @DAreRodz @davidabowman @ellatrix @fabiankaegy @fcoveram @getdave @gigitux @gmjuhasz @ingeniumed @isabel_brison @jameskoster @jeryj @joen @johnbillion @jorgefilipecosta @jsnajdr @juanfra @juanmaguitar @lsarsfield @luisherranz @madhudollu @Mamaduka @manhphuc @manzoorwanijk @Marianne380 @maxschmeling @mciampini @mcsf @mikachan @mirka @Mustafabharmal @noruzzaman @ntsekouras @oandregal @onemaggie @pkevan @poena @ramonopoly @saranshsinhaa @scruffian @senadir @sethrubenstein @sgomes @shailu25 @shekharnwagh @shimotomoki @simison @SirLouen @Soean @stokesman @Swoyamjeetcodes @talldan @timse201 @tyxla @welcher @westonruter @wildworks @xavilc @yashjawale @youknowriad


Props to @joen for the visuals, and to @bph for reviewing the post.

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

Summary, Dev Chat, February 4, 2026

Startย of the meeting inย 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/, facilitated by @audrasjb ๐Ÿ”— Agenda post.

Announcements ๐Ÿ“ข

Nominations for CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Team Reps 2026

The nomination process for Core Team Representatives for 2026 is over. We are putting together the nominations, then a poll will probably be opened for voting. It will stay open for two weeks. Stay tuned.

WordPress 6.9.1

It was released yesterday! Congrats to everyone involved in this release!

Milestone 6.9.2 is open on Trac and @jorbin will monitor new tickets related to 6.9.

WordPress 7.0 Update

Discussion ๐Ÿ’ฌ

We have a formal proposal for merging the WP AI Client into WordPress 7.0!

@jorbin noted that there is no formal timeline for feedback on this new feature.

There are discussions in the proposal on Make/Core and in the related Trac ticket.

The realtime coordination feature also was noted by @marybaum and @jorbin as a set of features that would deserves a merge proposal blogpost.

From @adamsilverstein:

Iโ€™d like to mention I have posted a detailed progress update for the Client Side Media feature on the tracking issue. The summary is: last week we landed the wordpress/worker-threads package, which unlocks running VIPS directly in a worker thread. This means the feature can now be tested. Also: the final 7 pre-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. PRs are nearly ready for review.
The main thing I need support on is code reviews and testing!

This was cross-posted on the #core-editor channel.

#6-9-1, #7-0, #core, #dev-chat

Whatโ€™s new in Gutenberg 22.5? (04 February)

โ€œ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.5?

Gutenberg 22.5 has been released and is available for download!

It brings practical refinements for your editing workflow. You can now add custom CSSCSS Cascading Style Sheets. to individual blocks, and the Image 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. shows aspect ratio controls for wide and full alignments. List View gets more useful with full block titles and actual content displayed for list items. The release also stabilizes viewport-based block visibility and pattern editing, plus adds focal point controls for fixed Cover backgrounds and text column support for Paragraphs.

Table of contents

Custom CSS Support for Individual Blocks

Gutenberg 22.5 brings custom CSS support for individual block instances, letting you write styles that target specific blocks without affecting others of the same type. A has-custom-css class is automatically added in both the editor and frontend for dynamic blocks, making your custom styles easier to manage. If youโ€™ve been working around this limitation with extra wrapper blocks or global CSS, your workflow just got simpler. (73959, 74969)

Screenshot showing block-level custom css box

Image Block: Aspect Ratio Control for Wide and Full Alignment

The Image block now shows aspect ratio controls when you choose wide or full alignment. Previously, aspect ratio options only appeared for default-aligned images, a limitation when designing hero sections or full-width layouts. Now you can lock in your preferred proportions regardless of alignment, giving you more consistent control over how images display across different screen sizes (74519)

Illustration of controling image aspect ratio for wide and full widths

List View Improvements

Two enhancements make List View considerably more useful in this release. Youโ€™ll now see full block titles instead of truncated labels, and List Items display their actual content rather than generic โ€œList Itemโ€ text. When youโ€™re navigating complex documents with nested lists, these small changes make a real differenceโ€”you can finally tell your list items apart at a glance (74798, 74794)

Other Notable Highlights

  • Cover Block: Focal point picker for fixed backgrounds: You can now set a focal point even when using fixed/parallax backgrounds (74600).
  • Paragraph Block: Text column support: Paragraphs can now flow into multiple columns directly via block supports (74656).
  • Navigation: Submenus always open option: A new toggle lets you keep submenus permanently expanded rather than requiring hover/click (74653).
  • 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. (initial implementation: Early groundwork for viewing revisions directly in the editor, though without โ€œdiffingโ€ yet (74771).

Changelog

Enhancements

Block Library

  • Add custom CSS support for individual block instances. (73959)
  • Add theย has-custom-cssย class name to the editor and dynamic blocks. (74969)
  • Allow for themes to define the overlay attribute without using a theme slug. (74119)
  • Breadcrumbs Block:
    • Show custom block name. (73690)
    • Add example block previews. (74808)
  • Comment Date: Add textAlign Support. (74599)
  • Comment Edit Link: Migrate to text-align block support. (74720)
  • Comment Reply Link: Migrate to text-align block support. (74760)
  • Comments Title: Migrate to text-align block support. (74945)
  • Cover Block: Enable focal point picker for fixed background. (74600)
  • Enhance Term List block: Pre-select current term on term archive pages. (74603)
  • Handle deleted navigation overlays. (74766)
  • Image block: Show aspect ratio control for wide and full alignment. (74519)
  • List Item: Show content instead of block name in List View. (74794)
  • Navigation Overlay:
    • Add 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. preview. (74780)
    • Insert default pattern on creation. (74650)
    • Update overlay control labels. (74690)
    • Default new blocks to โ€œalwaysโ€ show overlays. (74890)
  • Navigation overlay patterns:
    • Centered navigation with info. (74862)
    • Centered navigation. (74861)
    • Overlay with accent background. (74849)
    • Overlay with black background. (74847)
  • Navigation:
    • Add a new option that toggles submenus always open. (74653)
    • Donโ€™t use a nav 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.) for navigation blocks inside overlays. (74764)
  • Paragraph: Add text column support. (74656)
  • Verse Block: Add new textAlign support. (74724)
  • Feat/coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. tabs restructure. (74412)
  • Stabilise viewport based block visibility. (74839)

Block Editor

  • Block visibility:
    • Refactor metadata to use nested structure. (74602)
    • Create selectors for block visibility in current viewport (device setting or responsive). (74517)
    • Render blocks when hidden at all viewports (and other changes). (74679)
  • Inserter Component: Improving Stories. (74922)
  • List View support: Show full block titles. (74798)
  • MediaReplaceFlow: Move Reset option to bottom of menu. (74882)
  • Try storing global styles in static var in layout render. (74828)
  • Pattern editing: Stabilize and remove the experiment flag. (74843)

DataViews

  • Add card form layout validation. (74547)
  • Include totals items count in DataView footer. (73491)
  • MediaEdit: Supportย customย validation. (74704)
  • Show validation errors when a panel closes. (74995)
  • Add content element guidelines for fields in DataForm. (74817)

Components

  • DataForm: Addย comboboxย control. (74891)
  • UIUI User interface: Addย Selectย primitive. (74661)
  • Addย Tooltipย component toย @wordpress/ui. (74625)
  • Consolidate border tokens. (74617)
  • Design System: Add guidelines for destructive actions UXUX User experience. (74778)

Post Editor

  • In-editor revisions (initial changes, without diffing). (74771)

Icons

  • Add missing chevron-up-small icon. (74607)

Collaboration

  • Real-time collaboration: Add default 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 sync provider. (74564)
  • Real-time collaboration: Sync collections. (74665)
  • Real-time collaboration: Use relative positions in undo stack. (74878)

Bug Fixes

  • Core 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 gutenberg_filter_global_styles_post: Protect from KSES mangling. (74731)
  • DataForm: Sync ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org-level validation to native inputs on date fields. (74994)
  • DataViews: Use regular casing for bulk selection count. (74573)
  • Fix typo in comment for value change check. (74730)
  • Fix wp-theme dependencies in the build. (74743)
  • Remove the apiFetch named export. (74761)
  • 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.: Fix non-string attribute values being silently dropped. (74949)

Block Library

  • Breadcrumbs: Fix placeholder separator preview. (74842)
  • Cover Block: Show current embed URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org in dialog. (74885)
  • Embed: Fix Flickr double-padding with responsive wrapper. (73902)
  • Fix : Image caption blur in Gallery block. (74063)
  • Fix: Add border-box sizing for verse block. (74722)
  • Inspector tabs: Reset tab selection if the selected tab is no longer present. (74682)
  • Make custom navigation overlay full width. (74559)
  • Media & Text: Revert โ€œFixed Media & Text Block โ€“ Image not rendered properly on frontend when inside stack (#68610)โ€. (74715)
  • Pattern Editing: Update template part to use tabs. (74793)
  • 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. Block: Fix excerpt trimming logic to handle whitespace correctly. (74925)
  • Post Excerpt Block: Fix length limits for both Editor and Front and fix ellipsis consistency. (74140)
  • Show submenu colors but remove the word overlay. (74818)
  • fix: Video block: video URLs pasted without โ€œhttps://โ€ show broken media. (74964)

Block Editor

  • Allow grid layout to use theme blockGap values for columns calculation. (74725)
  • Block Editor Provider: Fix editor error for contributor role when client-side media experiment is active. (74680)
  • Direct drag: Fix glitching around scrolling. (74608)
  • Ensure grid column never exceeds parentโ€™s width. (74795)
  • Fix missing onClose prop for InserterMenu. (74920)
  • Fix: Fit Text not working on calculated line heights. (74860)
  • Fix: Safari โ€œEdit as HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers.โ€ for Fit Text deletes content. (74864)
  • Fix: Stretchy text issue when nested on flex containers. (73652)
  • List View: Ensure element exists in document before focusing. (74613)
  • Pattern Editing: Prevent double-click editing for template parts and synced patterns. (74755)
  • Calculate viewport based on iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the userโ€™s browser. size in resizable editor. (75156)

Collaboration

  • Real-time collaboration: Do not wrap persisted doc applied update in transaction. (74753)
  • Real-time collaboration: Pass non-cleaned (but merged) edits toย SyncManager#update. (74912)
  • Sync: Refactor ProviderCreator signature to an object. (74871)

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

  • iAPI Router: Fix initial router regions withย attachToย being duplicated afterย navigate(). (74857)
  • iAPI Router: Prevent router regions withย data-wp-keyย from being recreated on navigation. (74750)
  • iAPI: Fix and refactor runtime initialization logic. (71123)

DataViews

  • Fix actions visibility on smaller viewpoints and for lone action with isPrimary as true. (74836)
  • Fix insert left and right handling in table layout for RTL languages. (74681)

Components

  • Addย @types/reactย to dependencies. (74692)
  • Fix: Escape less-than character in HTML attributes to prevent block recovery errors. (74732)

Patterns

  • Restore pattern categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. actions for user patterns. (74927)

Typography

  • Fix: Canโ€™t disable textColumns UI. (74767)

Block Style Variations

  • Fix blockGap styles not working in block style variations. (74529)

Global Styles

  • Core backport for Global Styles: Allow arbitrary CSS, protect from KSES mangling. (74371)
  • Remove comment about non-existing property. (75003)

Performance

  • Enable build-blocks-manifest by default. (74846)
  • Update performance results endpoint to codevitals.run. (74802)
  • Use fetch API for performance results logging. (74803)

Experiments

  • Route: Add notFound to public API and add route validation. (74867)

Media

  • Media Modal Experiment: Add a simple notices-based uploading state. (74965)

Collaboration

  • Real-time Collaboration: Add user and selection information to awareness. (74728)

Post Editor

  • Media Editor: Add a simple media editor package and integrate into the editor package. (74601)

Block Library

  • Donโ€™t show overlay settings for navigation blocks that are inside othโ€ฆ. (74408)

Documentation

  • Added Missing Global Documentation class-wp-rest-block-editor-settings-controller file. (74973)
  • Added Missing Global Documentation extensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software.-site-editor file. (74868)
  • Badge: Use stories for โ€œChoosing intentโ€ doc. (74675)
  • DataViews: Update storybook to add more context. (74819)
  • Docs: Add missingย @returnย tags to experimental functions. (74960)
  • Docs: Standardize use ofย @linkย tag for URL references in lib directory. (74984)
  • Pattern Overrides: Remove obsolete documentation. (74749)
  • Replaceย @seeย withย @linkย for URL references in Inline Documentation. (74961)
  • Storybook: Automate sidebar sort order. (74672)
  • Update wp-build documentation to describe โ€˜wpPlugin.nameโ€™. (74741)
  • Updated Typo 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/ File. (74718)
  • iAPI Docs: Add configuration to state/context guide. (71355)
  • iAPI: Donโ€™t use deprecatedย data-wp-on-asyncย in documentation. (72591)
  • iAPI: Update deprecation warning for unique ID format. (74580)
  • Move grid manual mode sync into 7.1 folder. (74792)
  • Update: Preserve additional 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. properties on client side abilities. (73918)

Code Quality

  • core-data: Fix missing dependencies. (74934)
  • core-data: Fix yjs import and missing dependency. (74950)
  • dataviews: Fix missing dependency โ€“ @storybook/addon-docs. (74935)

Block Library

  • Comments Title: Copy deprecate 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. to deprecated.js to avoid legacy attribute usage. (74924)
  • Move selectLabelText to shared utility. (74805)
  • Move useIsDraggingWithin to a shared hook. (74804)

DataViews

  • Adjust table primary media field styles. (74813)
  • Move filtering logic in field types. (74733)

Components

  • Addย displayNameย to the anonymous components. (74716)
  • SlotFill: Unify registry and fill implementation. (68056)

Block Editor

  • Block Visibility: Fix failing 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.. (74840)

Post Editor

  • Blocks: Always trigger borwser console warnings for blocks with apiVersion below 2. (74057)

Tools

Testing

  • Block Visibility: Fix flaky end-to-end test. (74931)
  • Fix end-to-end tests: Update function names to include wp_ prefix. (74688)
  • Fix flaky โ€˜Revisionsโ€™ end-to-end test. (75002)
  • Real-time collaboration: Fix undo tests. (74955)
  • e2e: Fix flaky tests for settings sidebar. (74929)
  • end-to-end tests: Bump all test blocks to API v3. (74941)
  • end-to-end tests: Removeย switchToLegacyCanvasย from multi select and a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) suite. (74845)
  • end-to-end tests: Remove switchToLegacyCanvas from inserter drag and drop tests. (74892)
  • eslint-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.: Add โ€œneverโ€ option for dependency-group rule. (74990)
  • selectBlock: Fall back to next block if no previous block is present. (74938)

Build Tooling

  • Build script: Increase memory limit for storybook build process. (74933)
  • Build: Deduplicate and minify embedded styles. (74651)
  • Icons: Add a manifest containing icons metadata. (74943)
  • Remove react-refresh bundling. (74721)
  • Storybook: Fix missing props from component stories. (74807)
  • wp-env: Add experimental WordPress Playground runtime support. (74609)
  • Create Block: Simplify blocks-manifest registration. (74647)
  • Remove legacy babel plugins. (74916)

First-time contributors

The following PRs were merged by first-time contributors:

  • @gmjuhasz: Components: Add @types/react to dependencies. (74692)
  • @ItsYash1421: Post Excerpt Block: Fix length limits for both Editor and Front and fix ellipsis consistency. (74140)
  • @Mustafabharmal: Fix: Escape less-than character in HTML attributes to prevent block recovery errors. (74732)
  • @noruzzamans: Added Missing Global Documentation class-wp-rest-block-editor-settings-controller file. (74973)
  • @Shekhar0109: Fix: Add border-box sizing for verse block. (74722)
  • @shekharnwagh: Sync: Refactor ProviderCreator signature to an object. (74871)
  • @Swanand01: fix: Video block: video URLs pasted without โ€œhttps://โ€ show broken media. (74964)
  • @Swoyamjeetcodes: Image block: Show aspect ratio control for wide and full alignment. (74519)

Contributors

The following contributors merged PRs in this release:@aduth @alecgeatches @andrewserong @annezazu @chriszarate @DAreRodz @dinhtungdu @ellatrix @fabiankaegy @gmjuhasz @hbhalodia @huzaifaalmesbah @ingeniumed @ItsYash1421 @jameskoster @jasmussen @jeryj @jonathanbossenger @jorgefilipecosta @joshualip-plaudit @JosVelasco @jsnajdr @luisherranz @MaggieCabrera @Mamaduka @manzoorwanijk @mcsf@mikachan @mirka @mtias @Mustafabharmal @noruzzamans @ntsekouras @oandregal @ockham @pkevan @prasadkarmalkar @ramonjd @retrofox @rilwis @scruffian @senadir @sethrubenstein @shail-mehta @Shekhar0109 @shekharnwagh @shimotmk @simison @SirLouen @sirreal @Swanand01 @Swoyamjeetcodes @t-hamano @talldan @tellthemachines @Vrishabhsk @youknowriad


Props for visuals to @joen, @sirlouen and @josvelasco for reviewing the post.

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

Whatโ€™s new in Gutenberg 22.4? (20 January)

โ€œ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 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.)) 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.4?

Gutenberg 22.4 has been released and is available for download! You can also check it from this Playground link.

A total of 402 PRs were merged in Gutenberg 22.4, with 16 first-time contributors!

This release covers typography, patterns, images, and responsive design. The Font Library now works with classic and hybrid themes. Pattern Overrides expanded to custom blocks. The Image 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. got focal point controls. And thereโ€™s an experimental feature for hiding blocks based on screen size.

  1. Classic and Hybrid Theme Support for the Font Library
  2. Pattern Overrides: Custom Block Support
  3. Image Block: Focal Point Controls
  4. Block Visibility Based on Screen Size (Experimental)
  5. Other Notable Highlights
  6. Changelog
  7. First-time contributors
  8. Contributors

Classic and Hybrid Theme Support for the Font Library

The Font Library and Global Styles now work with classic themes (#73971, #73876). Like the Media Library, you can access the Font Library as a modal or through a dedicated adminadmin (and super admin) sectionโ€”regardless of your theme type.

Pattern Overrides: Custom Block Support

Custom blocks can now use Pattern Overrides. (#73889)

Since WordPress 6.5, Pattern Overrides let you create synced patterns where the layout stays consistent but specific content can change per instance. The catch? Only four coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks supported it: Heading, Paragraph, Button, and Image.

Not anymore. Any block attribute that supports Block Bindings now supports Pattern Overrides by default. Block authors can opt in through the server-side block_bindings_supported_attributes 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.. This closes a long-requested enhancement and opens up synced patterns to custom blocks.

Image Block: Focal Point Controls

The Image block now has focal point controls. (#73115) Set a focal point on any image to control which part stays visible when the image is cropped for different screen sizes or aspect ratios. The picker is built into the Image block settings, so you can adjust it without leaving the editor.

Block Visibility Based on Screen Size (Experimental)

A new experimental feature lets you hide or show blocks based on screen size. (#73949, #74249, #74379)

Site builders have been asking for this foreverโ€”control block visibility across devices without writing CSSCSS Cascading Style Sheets.. The feature includes a viewport modal for setting visibility rules, backend support for generating CSS, and visual indicators showing which blocks are hidden at different screen sizes. Itโ€™s experimental for now and requires enabling the experiment flag.

Other Notable Highlights

A few more highlights worth mentioning:

  • Real-Time Collaboration is no longer experimental. (#74562) The code has moved out of experimental status ahead of planned inclusion in WordPress 7.0. Note that a default provider isnโ€™t in place yet.
  • Verse and Quote blocks can now transform into each other. (#73068) Finally fixes the annoyance of similar blocks not being interchangeable.
  • Dimension presets for width and min-height. (#73811) Theme developers can define preset dimension values in theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. that appear when users set block widths or minimum heights.
  • Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop block can exclude terms. (#73790) Much easier than the old workaround of manually adding every term except the one you donโ€™t want.
  • Paragraph block supports wide and full alignment. (#73958) Useful for theme developers working with wide and full alignment CSS in block layouts.
  • Notes appear even when template lock is enabled. (#74577) The Notes feature (added in WordPress 6.9) now shows up regardless of template lock mode.

Changelog

Features

Collaboration

  • Real-time collaboration: Move collaborative editing from experiments to default 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. experience. (74562)

Block Library

  • Add Heading level variations. (73823)
  • Image: Add focal point controls. (73115)
  • Query Loop: Exclude terms support. (73790)
  • Paragraph: Add align wide full supports. (73958)

Post Editor

  • Notes: Enable floating notes in template lock mode. (74577)
  • Pattern Overrides: Infer partial syncing supported blocks from the server. (73889)

Design Tools

  • Dimensions Support: Add dimension presets and adopt for width and min height block supports. (73811)

Font Library

  • Classic Themes: Enable Fonts and thus global styles. (73971)
  • Allow access for hybrid themes. (73876)

Block Transforms

  • Add block transforms between Verse and Quote blocks. (73068)

Enhancements

  • Add Field primitives. (74190)
  • Add new VisuallyHidden component. (74189)
  • Clamp signaling server retries to prevent unbounded backoff. (74372)
  • Leverage wordpress/base-styles admin schemes stylesheet instead of duplicate declarations in various packages. (69130)
  • MediaEdit: Add drag and drop functionality. (74455)
  • MediaEdit: Expanded view. (74336)
  • Storybook: Update DataView free composition story. (74146)
  • Stylelint: Add design token linting. (74226)
  • Theme_JSON_Resolver: Check for WP_Post instance. (74172)
  • UIUI User interface: Add Button. (74415)
  • UI: Add Fieldset primitives. (74296)
  • UI: Add Icon component. (74311)
  • UI: Add InputLayout primitive. (74313)
  • UI: Add Input primitive. (74615)
  • UI: Ensure Stack is exported from root package exports. (73928)
  • UI: Remove support for numeric multiplier on Box padding. (74008)
  • Update: Revert back to fit text toggle UI. (73890)
  • @wordpress/theme: Update colorjs.io to version 0.6.0. (74278)
  • @wordpress/ui Button: Add destructive tone. (74463)
  • @wordpress/ui Button: Refactor to base ui. (74416)
  • @wordpress/ui Button: Tweak disabled styles and rework tokens. (74470)
  • @wordpress/ui Button: Undo destructive tone variant. (74540)
  • change: wp-env: Strip version suffix for non-wp-org zip sources. (74195)

Block Library

  • Add LinkPicker Component for using a Link Preview Button in the Navigation Link Inspector. (73830)
  • Add block_core_breadcrumbs_items filter to Breadcrumbs allowing to filter final items array. (74169)
  • Add list view tab to the buttons, list and social icons blocks. (74120)
  • Apply post_type_archive_title on post type archive title in Breadcrumbs. (73966)
  • Archives Block: Use new HtmlRenderer component to remove extra div wrapper and remove editor styles. (74255)
  • Block Card: Make the parent block navigation generic, supports any block with list view support. (74164)
  • Block Fields: Show all form fields by default. (74486)
  • Block support: Add anchor support for dynamic blocks. (74183)
  • Block: Memoize canOverrideBlocks. (74400)
  • Breadcrumbs Block: Use HtmlRenderer to remove extra div from editor. (74273)
  • Button: Improve the label of the button block in list view. (74163)
  • Calendar Block: Use HtmlRenderer to remove extra div from editor. (74271)
  • Classic Block: Always use modal and display block placeholder. (74162)
  • Comment Author Name: Migrate to text-align block support. (74068)
  • Comment Content: Migrate to text-align block support. (74269)
  • Dynamically add CSS class to Paragraph block. (71207)
  • Footnotes: Prevent inserting footnotes within a footnotes block. (74287)
  • Form Field Blocks: Replace dashicon with SVG icons. (73996)
  • Forms Block: Switch from dashicons to SVG. (74297)
  • Heading: Migrate to text-align block support. (74383)
  • Hide Display section from Nav Inspector Controls if empty. (74495)
  • HtmlRenderer: Merge style props. (74344)
  • Image Block: Add content tab and reorganize inspector controls. (74201)
  • Image: Add focal point controls. (73115)
  • Inspector Fields: Show DataForm driven Content tab for all blocks that support content fields (+ support block bindings). (73863)
  • Latest Comments: Remove wrapper div and use HtmlRenderer for dynamic content rendering. (74277)
  • Pass post_id as an argument to block_core_breadcrumbs_post_type_settings filter to allow more granular term choice. (74170)
  • Query Loop: Hide change design or choose pattern when is locked. (74160)
  • RSS Block: Use HtmlRenderer to remove extra div from editor and remove editor styles. (74272)
  • Separator, Code: Donโ€™t require Enter for shortcut. (63654)
  • Tag Cloud: Use new HtmlRenderer component to remove extra div wrapper. (74228)
  • [Tabs block] Button and Tab Styling options #73932. (74103)
  • theme.json: Add breadcrumbs block schema. (74227)

Block Editor

  • Add autoComplete attribute to prevent browser autocomplete. (74595)
  • Add list view inspector tab for pattern editing. (74574)
  • Block Inspector: Update the design of the style variation to use ToolsPanel. (74224)
  • Block variation transformation: Change position and threshold. (74251)
  • ContentOnlyControls: Polish 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. style. (74260)
  • Improve cross origin isolation support. (74418)
  • Layout: Add allowWrap option to flex layout block support. (74493)
  • Prevent browser autocomplete in Navigation link search. (74305)
  • Headings support for Word Online while pasting. (70771)

DataViews

  • Add density picker and related styles to DataView layouts. (71050)
  • Add groupBy.showLabel configuration option to control group header label visibility. (74161)
  • Add: Panel form layout validation. (73700)
  • DataViewsPicker Table Layout: Ensure checkbox column is always 48px wide. (74181)
  • Display a separate โ€” for each level. (74199)
  • Implement format for datetime. (73924)
  • Remove table row click-to-select and hover styles. (73873)
  • Update LayoutCard story in DataForm to use card layout. (73695)
  • Update field colorisation in DataViews list layout. (73884)

Components

  • Add Badge component to UI package. (73875)
  • Autocomplete: Add offset to popover. (74084)
  • Button: Hide focus style when :Active. (74106)
  • Enhance Notice actions to allow more props like disabled and onClick with URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org. (74094)
  • Menu: Remove animation on submenus. (74548)
  • Notice: Add right margin to content only when dismissible. (73905)
  • Popover: Update animation. (74082)
  • Update ToggleGroupControl visual design. (74036)
  • DimensionControl: Hard deprecate component. (73944)
  • Storybook: Include design tokens styles automatically. (73938)

Media

  • Media Fields: Add โ€œDate addedโ€ and โ€œDate modifiedโ€ fields. (74401)
  • Media Fields: Add ThumbnailView fallback. (74024)
  • Media Fields: Add an attached_to field. (74432)
  • Media Fields: Add readonly author field to media fields package and use in the media modal. (74484)
  • Media Modal experiment: Always show thumbnail field. (74147)
  • Media Modal experiment: Tweak padding of the modal for consistency. (74155)
  • Add label to MediaEdit component. (74176)
  • Media mime type field: Disable sorting for now. (74373)

Post Editor

  • Fields: Add MediaEdit component. (73537)
  • Preview drop down: Align preview editing widths with common breakpoints. (74339)

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

  • Add height block support to dimension. (71914)
  • Block support: Preserve anchor value in comment delimiter. (70993)

Client Side Media

  • Enhance queue system. (74501)

Global Styles

  • Add text alignment support to elements. (73854)

Bug Fixes

  • Annotations: Maintain active formats after applying. (73575)
  • Block Bindings: Remove caption from edit on EditWithGeneratedProps. (73552)
  • Command Palette: Fix in the font library page and site editor experiment. (74232)
  • Core Merge: Deduplicate Font Library page and routes. (74381)
  • Customize: Preserve CSS cascade for Additional CSS in classic themes. (74593)
  • DataForm: Fix panel field inaccessible when empty with labelPosition none or top. (74264)
  • Fix document title htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. entities. (74027)
  • Fix punctuation and formatting in README.md. (74440)
  • Fix the dataviews experiment locked fields position on toggle. (74326)
  • Fix: Menu_order validation to allow zero and negative values. (74282)
  • Font Library: Allow the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. to be scrolled in boot powered pages like fonts. (73960)
  • Image Cropper package: Add reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org peer dependencies. (74402)
  • Preferences: Add TypeScript types to package.json exports. (73276)
  • Theme: Fix design-tokens.js entrypoint to specify types and CJS variants. (74129)
  • [create-block] Updates variant handling for missing directory files. (73986)
  • api-fetch: Add named export to fix TypeScript callable issues. (74576)
  • Editor: Remove extra comma from offline error notices. (73907)
  • Scroll to previous location in document with editor back button. (73737)

Block Library

  • Block Fields: Remove normalization code and tidy up. (74532)
  • Block Library: Fix discussion settings data selection. (74026)
  • Categories Block: Fix CSS collision with labels. (73862)
  • Comments Title Block: Fix double quotes in non-English locales. (74330)
  • Cover & Group: Fix preview paragraph textAlign. (73940)
  • Disables anchor support for the More block. (74267)
  • Disables visibility support for the More and Page Break block. (74531)
  • Fix Post Date Block: Semantic use of date tag inside link. (73788)
  • Fix navigation link popover staying open after creating page. (73893)
  • Fix query pattern selection so query variation patterns can appear. (73901)
  • Fix: Prevent accordion-heading submitting/sending forms (button type="button"). (74177)
  • Image Block: Fix image block content tools when multiselecting image blocks. (74604)
  • List Block: Fix the top empty list item deletion. (73839)
  • Navigation Link: Preserve custom label when adding URL via LinkPicker. (74013)
  • Paragraph block: Add RTL support for drop caps in paragraph block styles in the editor. (74058)
  • Post Title: Reverting strip_tags for Post Title. (73896)
  • Query Title: Fix incorrect quotation marks with trailing spaces. (74300)
  • Query loop should show โ€œchange designโ€ in toolbar in contentOnly mode. (73903)
  • Quote: Fix transformation error. (74253)
  • Tabs: Reset focus styles to avoid visual glitch. (74225)
  • Tag Cloud, Archives: Fix sidebar flash when changing settings. (74291)
  • Tag Cloud, Archives: Restore missing block wrapper div. (74321)
  • Tag Cloud: Make error message prefix text translatable. (74256)
  • Terms Query Block: Fix Max terms for non-hierarchical taxonomies. (74130)

Block Editor

  • Block Support: Fix horizontal overflow in Manage allowed blocks modal. (74337)
  • Close the inserter on small screens after adding a block. (74487)
  • Color Panel: Ensure minimum height for popover content. (73835)
  • Inserter: Only show blocks that can be inserted on the page. (74453)
  • Inserter: Prevent block-scope variations insertion in slash inserter. (74259)
  • List View Panel: Fix circular dependency issue that was breaking some Storybook stories. (74399)
  • List View: Fix focus shift to the selected nested block. (74431)
  • Parent selector: Fix dot divider horizontal spacing. (74329)
  • Remove block selection clearer handling from 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.. (73753)
  • Replace default block on paste if it has no content. (73951)
  • Rich Text: Make inline toolbar more reactive for proper positioning. (73853)
  • 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. Group: Remove parent outline. (74107)
  • Fix: Align Document Outline padding in List View sidebar to match surrounding panels (#73576). (73595)

Global Styles

  • Fix infinite loop in Font Style UI. (73955)
  • Global Fonts: Convert relative font URLs to absolute theme URLs in font-face styles. (74115)
  • Global Fonts: Correctly convert relative font URLs to absolute theme URLs in font-face styles. (74137)
  • Site editor global styles settings: Ensure generated global styles are correct in canvas between views. (73952)
  • Site editor global styles settings: Preserve non-global styles in default site editor settings. (74088)
  • Theme_JSON_Resolver: Defensively cover against situations where the post is null. (74124)

Components

  • Add checkerboard pattern for background in 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. preview. (74091)
  • Fix DateTimePicker timezone handling for non-string values. (73887)
  • Fix InputControl label overflow for long translations. (74301)
  • Fix generated TS types referencing unavailable csstype. (74655)
  • Fix parent popover not closing on click outside. (74340)

DataViews

  • FilterSortAndPaginate should ignore sorting on non-sortable fields. (73950)
  • Fix combined field alignment in DataViews table layout. (73908)
  • Fix row selection in table layout in Firefox. (73945)
  • Fix: Dataview: Column header move item in RTL moves in the opposite direction to the arrow. (74644)

Collaboration

  • Real-time collaboration: Apply only detected changes from the persisted CRDT document. (74668)
  • Real-time collaboration: Do not overwrite a โ€œfloatingโ€ date. (73984)
  • Real-time collaboration: Refetch entity when it is saved by a peer. (74637)

Site Editor

  • If the route cannot be found treat the canvas mode as view. (74642)
  • Prevent start page options modal from opening when navigating back from template parts. (74037)

Interactivity API

  • Search and File Blocks: Fix client navigation support on WordPress 6.8. (73650)
  • iAPI: Preserve boolean HTML attributes during client side navigation. (74446)

Post Editor

  • Editor: Cleanup active post as needed. (74118)
  • Improve memoization in the overrides panel. (74407)
  • Fix bindableAttributes only being returned for the selected block. (74061)

AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility)

Block Editor

  • Update: Use 12px as minimum font size for warning on fit text. (74387)
  • @wordpress/keycodes: Add ariaKeyShortcut and shortcutFormats exports. (74205)
  • Stretchy Text: Accept very small font sizes, and show a warning. (73730)

Components

  • Validated form controls: Suppress native popover. (73471)

Performance

Block Library

  • Blocks: Cache URL root when registering assets. (74451)
  • Table block: Improve โ€˜onChangeโ€™ callback memoization. (74073)
  • Table block: Improve table block typing performance. (74029)

Block Editor

  • Block visibility based on screen size: Donโ€™t subscribe to state in the hook. (74481)

Plugin

  • Blocks: Fix root URL cache fatal error. (74459)

Experiments

Block Visibility

  • Add experiment for hiding blocks based on screen size. (73949)
  • Block Visibility: Fix block position shift when toggling. (74535)
  • Block visibility: Incorrect argument passed to hasBlockSupport in isBlockHidden. (74151)
  • Block visibility based on screen size: Add backend block support. (73994)
  • Block visibility support: Use CSS range syntax for media queries. (74526)
  • Block visibility based on screen size: Add rules to hide on viewport size. (74379)
  • Block visibility: Add viewport modal and controls UI. (74249)
  • Block visibility: Add visibility notice for hidden blocks in the block inspector. (74180)
  • Block visibility based on screen size: Basic clientside state. (74025)

Block Library

  • PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher-only blocks: Generate inspector controls from attributes. (74102)
  • PHP-only blocks: Use HtmlRenderer to ensure fontend & editor consistency. (74261)
  • Refine overlay edit button UI: Move to link variant and add tooltip. (73957)
  • Render custom overlay template parts in Navigation block (behind experiment). (73967)
  • Update navigation-overlay-close block to be used as server side rendering. (74579)
  • Add Navigation Overlay close block (behind experiment). (73724)
  • Add create new overlay button to Navigation block. (73919)
  • Navigation Overlay: Fix area and icon name. (74520)
  • Navigation Overlay: Add default paragraph block. (74592)
  • Navigations within overlays should not increment aria label unique name. (74469)
  • Show Navigation overlay patterns on right sidebar. (74069)
  • Create default Core Navigation Overlay patterns. (74047)
  • Navigation overlay: Update default pattern. (74458)
  • Navigation Overlay: Add a background to the default pattern. (74659)
  • Navigation: When a navigation block has a custom overlay, the submenu colors should not apply to the overlay. (74544)
  • Block Fields: Decouple the experiment from contentOnly/pattern editing experiments. (74479)

Collaboration

  • Real-time Collaboration: Add Yjs awareness foundation. (74565)
  • Real-time collaboration: Add type guard for rich-text attributes. (73946)
  • Real-time collaboration: Fix persisted document 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. and add tests. (73985)
  • Real-time collaboration: Improve type safety with YMapWrap. (73948)
  • Real-time collaboration: Use alternative diff in quill-delta, provide incremental text updates. (73699)
  • Remove WebRTC and IndexedDB providers. (74555)
  • Real-time collaboration: Allow post-locked-modal to be overridden when collaborative-editing is enabled. (72326)
  • Create a reverse map for faster itemBlock lookups. (73930)

Site Editor

  • Add extensibleExtensible This is the ability to add additional functionality to the code. Plugins extend the WordPress core software. site editor experiment. (74123)
  • Extensible Site Editor: Design improvements and page rename. (73962)
  • Extensible Site Editor: Fix the dashboard link. (74231)
  • Extensible Site Editor: Lift template activation restriction. (74197)
  • Build: Rename extensible site editor page to avoid conflicts. (74221)
  • Extensible Site Editor: The Canvas should share the same ThemeProvider as all the surfaces. (74125)
  • Routing: Add title support to php generated pages. (73877)

Font Library

  • Fonts: Improve initial rendering. (73977)
  • Font Library: Fix active menu item in the sidebar. (73927)
  • Fix help text position in Upload tab. (74157)

Design System

  • Theme: Refine typography tokens. (73931)
  • Boot: Wire user admin theme preference to ThemeProvider. (74011)
  • Theme: Generate and expose TypeScript types for token options. (74080)
  • Theme: Include Figma scopes extension in design tokens. (73897)
  • Theme: Update semibold font weight to apply workaround at CSS. (74392)

Documentation

  • DataViews stories: Add custom layout. (74605)
  • DataViews: Update FreeComposition story description with subcomponents list. (73969)
  • Docs: Clarify that npm publishing requires team approval during the RC1 launch. (74204)
  • Docs: Enhance documentation for Interactivity API and iAPI Router. (73766)
  • Docs: Fix API Versions link in Block API reference. (74031)
  • Docs: Fix Gutenberg Release Process link. (74240)
  • Docs: Fix broken release process links. (74250)
  • Docs: Fix callout notices layout and clarify 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/ vs handbook links. (74252)
  • Docs: Fix create-block handbook link. (74237)
  • Docs: Fix typos and improve clarity in documentation across multiple files. (74270)
  • Docs: Remove โ€œCustomizing supported attributes filterโ€ section from Block Bindings documentation. (74410)
  • Enable components manifest for Storybook. (74626)
  • Enhance Block Bindings Documentation as per WP 6.9 updates: Customizing supported attributes an getFieldsList. (73763)
  • Fix documentation title for wordpress/build package. (74541)
  • Fix formatting in block bindings documentation: Corrected links to core sources by adding hyphens. (74414)
  • 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. theme.json color value in Global Styles documentation. (73999)
  • Fix typo in Tutorial: Build your first block. (74050)
  • Improve DataForm stories. (74196)
  • Storybook: Remove โ€œbackgroundโ€ tools from toolbar. (74538)
  • Storybook: Remove margin checker tool. (74539)
  • Storybook: Show props from component libraries. (74279)
  • Storybook: Update โ€œIntroductionโ€ doc. (74500)
  • Theme/UI: Add intro documentation to Storybook. (74551)
  • Theme: Include density documentation in README.md. (73976)
  • UI: Add dark background for Storybook theme switcher. (74318)
  • UI: Remove individual experimental tags from Storybook. (74582)
  • Update nested-blocks-inner-blocks.md. (74534)
  • Update the copyright licensecopyright license Copyright holders may grant a license with various allowances including the ability to modify or distribute the copyrighted material. Also see GPL. to 2026. (74306)
  • Update the useCommandLoader example to fix the syntax error and add missing imports. (73660)
  • Validated form controls: Add stories for validation in popovers. (71282)

Code Quality

  • wordpress/theme: Update color ramp generation snapshots. (74281)
  • Add design-tokens.css to stylelintignore. (74498)
  • Convert dom-ready package to TypeScript. (67671)
  • Fix: Use WP_Theme_JSON_Gutenberg instead of WP_Theme_JSON class. (74294)
  • Theme: Enable color ramp tests and update snapshots. (74403)
  • TypeScript: Convert notices package to TypeScript. (67670)
  • TypeScript: Migrate packages/jest-puppeteer-axe package to TypeScript. (70523)
  • TypeScript: Migrate 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. package to TS. (74522)
  • UI: Remove redundant renderElement utility. (74284)
  • Update browserslist data. (74312)
  • wordpress/dataviews: Migrate to Stack. (74174)
  • dom-ready: Refactor tests to use defineProperty. (74514)
  • dom-ready: Replace @ts-expect-error with MockDocument in tests. (74482)

Components

  • Add back type defs for no margin bottom prop. (73979)
  • BaseControl: Deprecate bottom margin. (74077)
  • CheckboxControl: Deprecate bottom margin. (73916)
  • CheckboxControl: Remove margin bottom prop from missed spots. (73921)
  • ComboboxControl: Deprecate bottom margin. (74034)
  • FocalPointPicker: Deprecate bottom margin. (73980)
  • Fully resolve some intra-package import paths. (74530)
  • Menu, CustomSelectControl (v1 & 2): Update animation. (74111)
  • Menu: Clean up popover wrappers. (74207)
  • Move ESLint rules specific to @wordpress/components to custom rules. (74611)
  • Paragraph block: Stop using named export from block.json. (74527)
  • RangeControl: Deprecate bottom margin. (74033)
  • Remove outdated vendor prefix properties in CSS. (74213)
  • SearchControl: Deprecate bottom margin. (74053)
  • SelectControl: Deprecate bottom margin. (74052)
  • Storybook: Fix Sass warnings. (74298)
  • Storybook: Remove outdated story matchers. (74299)
  • Storybook: Retire old theme switcher. (74499)
  • TextControl: Deprecate bottom margin. (73920)
  • TextareaControl: Deprecate bottom margin. (73970)
  • ToggleControl: Deprecate bottom margin. (74012)
  • ToggleGroupControl: Deprecate bottom margin. (74004)
  • ToolsPanel: Remove line-height workaround. (73892)
  • TreeSelect: Deprecate bottom margin. (74014)
  • Update eslint-plugin-storybook to 10.1.11. (74317)
  • @wordpress/components: Lint and fix @wordpress/components-no-missing-40px-size-prop rule. (74622)
  • Eslint: Add design token linting. (74325)

Block Library

  • Accordion Header: Fix potential undo trap. (74182)
  • Accordion: Passthrough โ€˜openByDefaultโ€™ value via context. (74191)
  • Accordion: Remove โ€˜isSelectedโ€™ attribute. (74198)
  • Add template part context to navigation block. (74614)
  • Breadcrumbs: Stabilize block. (74166)
  • Code Modernization: Use null coalescing operator in place of isset() in ternaries. (74335)
  • Content-only: Remove mapping and args in favor of DataForm API. (74575)
  • Footnotes: Escape dynamic output to meet coding standards. (74243)
  • Navigation Submenu: Show (Invalid) indicator when parent page is deleted. (74461)
  • Navigation: Refactor SCSS to reduce duplication. (74666)
  • Remove unused dependencies. (74624)
  • Widget Group: Optimize value returned by selector. (74104)

DataViews

  • DataForm validation story: Add support for the details layout. (74445)
  • Field API: Move formatting logic to the field. (73922)
  • wordpress/dataviews: Improve stories and tests. (74192)
  • wordpress/dataviews: Reorganize code. (74188)

Block Editor

  • Block Supports: Extract reusable preset input control from spacing sizes and border radius controls. (73787)
  • Fit-text: Refactor control hook for readability. (74350)
  • Fix classnames for link preview component. (73698)
  • Make TextIndentControl component internal. (74219)

Data Layer

  • Data: Await resolver implementing isFulfilled. (70806)
  • Improve resolveSelect type definition. (73973)
  • TypeScript: Convert redux-store types in data package to TS. (67666)

Post Editor

  • Editor: Remove hardcoded autosave conditions for templates. (73781)
  • Rename overlay area. (74444)

Block API

  • Block support: 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. anchor support changes in core. (74341)

Plugin

  • Bump minimum required WordPress version to 6.8. (74218)
  • Bump minimum required PHP version to 7.4. (74457)

Media

  • Media fields: Add tests for fields with unique logic. (74015)

Tools

Build Tooling

  • Build: Allow passing down arguments to wp-build. (74083)
  • Build: Avoid using the source maps file to compute the version hash. (74064)
  • Build: Build minified and non minified CSS in both npm run dev and npm run build. (74380)
  • Build: Faster repo building in CI. (74406)
  • Build: Fix TypeScript error output in check-build-type-declaration-files script. (74346)
  • Build: Fix the default base URL used when generating php files. (74220)
  • Build: Fully resolve import paths in transpiled files. (73822)
  • Build: Only generate asset file once and keep version consistent. (74051)
  • Build: Support Core *.php pages (screen id) when rendering single separate pages. (74113)
  • Build: Support custom URL. (74076)
  • Build: Support pnpm. (74194)
  • Build: Use .mjs extensions for build-module files. (74348)
  • Bump Node.js requirement to 20.19. (74342)
  • DependencyExtractionWebpackPlugin: Add ui as bundled package. (74485)
  • Dev: Fix file change logs not displaying in watch mode. (74452)
  • Fix deprecations for Storybook component usage. (74619)
  • Fix storybook:Dev race condition with dev script. (74290)
  • Fully resolve moment-timezone import, improve build optimization. (74578)
  • Improve wp-build generated PHP files with proper prefixing and naming. (74490)
  • Infrastructure: Convert storybook to a workspace package. (74640)
  • Publishing next packages: Remove commit hash from version. (74589)
  • Rename --fast build flag and use in Storybook build. (74552)
  • Revert bump of Node.js to 20.19. (74385)
  • Stop building wp-build by renaming the src directory. (74450)
  • UI: Exclude package from jsdoc/require-param rule. (74315)
  • Update Storybook to v10 with Vite builder. (74396)
  • Update TypeScript base configuration to use bundler module resolution. (74560)
  • Update eslint to 8.57.1. (74316)
  • Update report-flaky-tests action to use CommonJS module format. (74152)
  • Upgrade storybook to v9. (74143)
  • Use a stable npm version on static checks job. (74222)
  • WordPress Build: Use stable content hashes when building scripts. (74035)
  • tsconfig: Replace skipDefaultLibCheck with skipLibCheck. (74239)
  • wp-build: Fix dynamic base-styles import. (74434)
  • wp-build: Fix script module IDs to use configured packageNamespace. (74411)

Testing

  • Add end-to-end tests for relaxed default block paste behavior. (73963)
  • Automated Testing: Include Windows build for GitHub Actions static checks. (73923)
  • CI: Run the PHP unit tests with the oldest and latest versions. (74460)
  • Font Library: Test frontend and classic themes. (74067)
  • PHPCSPHP Code Sniffer PHP Code Sniffer, a popular tool for analyzing code quality. The WordPress Coding Standards rely on PHPCS.: Include the test directory. (48754)
  • Template Activation: Try fixing still flaky test. (74216)
  • Test: Update URLs in tests to use example.org/com instead of test.com. (74246)
  • Tests: Add unit tests for Button block __experimentalLabel functionality. (74186)
  • Theme: Ensure build artifacts are synced in version controlversion control A version control system keeps track of the source code and revisions to the source code. WordPress uses Subversion (SVN) for version control, with Git mirrors for most repositories.. (73894)
  • end-to-end tests: Restore removal of settings path in preload tests. (74375)
  • wordpress/theme: Disable color ramp unit tests. (74347)
  • Template Activation: Make template edit test less flaky again. (74066)
  • Template Activation: Make template edit test less flaky. (73975)

Data Layer

  • Cleanup the dependencies in the root package.json. (74212)
  • Update package version after an unfinished publish. (74413)

npm Packages

  • Packages: Add support for publishing stable release of pre-release package. (74332)
  • Packages: Avoid bumping the major version on prerelease packages. (74285)

Components

  • Fix missing dependencies for packages. (74310)

Block Library

  • Changelog: Fix block-library and date package entries after failed release action. (74202)

First-time contributors

The following PRs were merged by first-time contributors:

  • @CGastrell: Layout: Add allowWrap option to flex layout block support. (74493)
  • @dimitrop: Clamp signaling server retries to prevent unbounded backoff. (74372)
  • @jillro: Terms Query Block: Fix Max terms for non-hierarchical taxonomies. (74130)
  • @JosVelasco: Block Editor: Prevent browser autocomplete in Navigation link search. (74305)
  • @madhavraj2004: api-fetch: Add named export to fix TypeScript callable issues. (74576)
  • @manhphuc: Fix: Align Document Outline padding in List View sidebar to match surrounding panels (#73576). (73595)
  • @maxschmeling: Real-time collaboration: Move collaborative editing from experiments to default Gutenberg plugin experience. (74562)
  • @Menrath: change: wp-env: Strip version suffix for non-wp-org zip sources. (74195)
  • @mordeth: DataViews: Add groupBy.showLabel configuration option to control group header label visibility. (74161)
  • @Ndimande-dev: Update nested-blocks-inner-blocks.md. (74534)
  • @Ninos: Fix: Prevent accordion-heading submitting/sending forms (button type="button"). (74177)
  • @pkevan: Real-time collaboration: Allow post-locked-modal to be overridden when collaborative-editing is enabled. (72326)
  • @Rishicreates20: Fix punctuation and formatting in README.md. (74440)
  • @rutviksavsani: Fix the dataviews experiment locked fields position on toggle. (74326)
  • @saranshsinhaa: [Tabs block] Button and Tab Styling options #73932. (74103)
  • @UmeraGhori: theme.json: Add breadcrumbs block schema. (74227)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @adamsilverstein @aduth @alecgeatches @aliaghdam @andreawetzel @andrewserong @annezazu @bacoords @cbravobernal @CGastrell @chihsuan @chriszarate @ciampo @DAreRodz @dimitrop @ellatrix @fabiankaegy @fushar @getdave @gigitux @hbhalodia @ingeniumed @jameskoster @jeryj @jillro @johnbillion @johnhooks @jorgefilipecosta @JosVelasco @jsnajdr @juanfra @juanmaguitar @kmanijak @luisherranz @madhavraj2004 @MaggieCabrera @Mamaduka @manhphuc @manzoorwanijk @maxschmeling @Mayank-Tripathi32 @mcsf @mecskyverse @Menrath @mikachan @mirka @mordeth @mtias @Ndimande-dev @Ninos @ntsekouras @oandregal @ockham @pkevan @prasadkarmalkar @priethor @ramonjd @retrofox @Rishicreates20 @rutviksavsani @ryanwelcher @SainathPoojary @saranshsinhaa @scruffian @sgomes @shimotmk @SirLouen @StevenDufresne @t-hamano @talldan @tellthemachines @tyxla @UmeraGhori @westonruter @youknowriad


Props toย @annezazu for co-authoring this post and @bphย for the peer review.

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

What’s new in Gutenberg 22.2 (03 December)?

โ€œ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.2

Gutenberg 22.2 has been released and is available for download!

A total of 161 PRs were merged in Gutenberg 22.2, with 4 first-time contributors! With WordPress 6.9 released this week, many contributors were focused on bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes, performance, 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 polish, and a series 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) and developer experience improvements. There are still some great features and enhancements in this release, highlighted below.

Table of contents

Cover block video embeds

A big feature in this release is the ability to use embedded videos (like YouTube or Vimeo) as background videos in the Cover block, rather than being restricted to locally uploaded files. This is a major quality-of-life improvement for those who want to offload video hosting and bandwidth. (73023)

Thereโ€™s further development on the experimental Breadcrumbs block. It now includes better handling for homepages, last item attributes, 404/search/archive pages, archive links, post type archive links, as well as support for paginated content. All of these additions are aimed at making breadcrumb navigation more robust and context-aware. (72832)(73249) (73283)(73435) (72905)

Styling options for the Math block.

Gutenberg 22.2 adds style options to the Math block in Gutenberg, addressing the inconsistency where inline math inherits paragraph styling but display math blocks previously lacked their own styling controls (73544).

standard styling option added to the Math block

Other Notable Highlights

Button Block Pseudo-state Styling

Theme designers and developers can now style button states (hover, focus, active, and focus visible) directly within the 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., making it much easier to keep all design controls centralized and consistent. This reduces the reliance on custom CSSCSS Cascading Style Sheets. for things like button hover states. (71418)

{
    "styles": {
        "blocks":{
                "core/button":{
                    "color":{
                        "background":"blue"
                    },
                    ":hover":{
                        "color":{
                        "background":"green"
                        }
                    },
                    ":focus":{
                        "color":{
                        "background":"purple"
                        }
                    }
                }
            }
    }
}

Data Views Upgrades

Data Views received several improvements, including:

  • A new โ€œactivity layoutโ€ brings a timeline-like view, perfect for things like revision history, logs, or any content that benefits from a chronological display. This layout handles interactionsโ€”like keyboard navigationโ€”in a way that fits the timeline format. (72780)
  • The table column 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. now lets you add columns to the left or right for better customization (72929).

Changelog

List of all the changes

Block Library

  • Breadcrumbs: Add archive link if enabled in posts. (72832)
  • Breadcrumbs: Add attachment handling. (73249)
  • Breadcrumbs: Add 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. for preferred 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. and term per post type. (73283)
  • Breadcrumbs: Add post type archive link if itโ€™s not the same as home URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org. (73435)
  • Breadcrumbs: Add support for paginated post content. (72905)
  • Cover: Add support for background videos as embeds. (73023)
  • Math: Enable styles options. (73544)
  • Tabs block: Improve store functionality. (73229)
  • Term Name, Term Count :Add example block previews. (73388)
  • [Button Block]: Add support for pseudo elements for the block and its variations on theme.json. (71418)

DataViews

  • Add insert left/right in table column header. (72929)
  • Apply background to DataViews wrapper. (73390)
  • DataForms: Add pattern validation. (73156)
  • DataForms: Update Email Control component to use envelope icon instead of a Symbol. (73184)
  • Field 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.: Add format to date field type. (72999)
  • Introduce activity layout. (72780)
  • Only apply hover styles when there are bulk actions. (73248)
  • Sticky elements inherit bg from container. (73240)
  • Theme: Add density support for surface padding. (73215)

Patterns

  • Add edit section to the list view instead of Ungroup. (73199)
  • Change the icon and label for pattern section to use the pattern icon and name. (73203)
  • Remove ungroup option for section blocks. (73183)
  • Sections: Remove hover outlines in outline mode. (73263)
  • Update pattern editing button labels. (73195)
  • contentOnly patterns: Mark patterns as contentOnly by adding metadata.patternName to the root block (patterns endpoint). (73375)

Block Editor

  • FontFamilyControl: Hard deprecate bottom margin. (73340)
  • Block Editor: Filter file input accept attribute based on upload_mimes. (73562)
  • Add cart icon. (73509)
  • templateLock: ContentOnly โ€“ support content block insertion. (73425)
  • RichText: Begin to support hiding richtext controls while having keyboard shortcuts available. (73181)
  • Add width block supports under dimensions. (71905)
  • Add text justify. (73201)

Bug Fixes

Block Library

  • Accordion Block: Trigger panel opening from URL hash or anchor link. (73357)
  • Accordion Item: Donโ€™t use grid layout. (73501)
  • Accordion: add box-sizing:Border-box rule. (73507)
  • Fix block selection when navigation link ui is open. (73368)
  • Fix navigation 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.) entity binding. (73255)
  • Fix: Custom font size taking over fit text. (73241)
  • Fix: Stretch Text overflows into the padding area. (73327)
  • HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. Block: Fix scrolling within the modal. (73506)
  • HTML Block: Remove editorStyles from HTMLEditModal. (73347)
  • Image block: Set img_srcset to avoid PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher undefined var warning. (73453)
  • Math block: Fix accessibility. (73508)
  • Merge โ€œIcon Sizeโ€ and โ€œIcon sizeโ€ translationtranslation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. strings. (73325)
  • Simplify and improve navigation link creation flow. (73210)

DataViews

  • DataForm: Autofocus first input on panel view. (72322)
  • DataForm: Fix issue with array fields in layout panel. (73344)
  • Ensure primary actions are not wrapped in the list layout. (73333)
  • Field API format: Fix and use WordPress input. (73538)
  • Fields: Fix author field view when editing. (73482)
  • Fix alignment when viewing a DataView with table layout and non-default column alignment. (73398)
  • Open the filters from the column table consistently. (72998)
  • [DataForm]: The ModalContent component doesnโ€™t properly check for fields validity โ€“ [#73330]. (73339)
  • Theme: Fix color ramp generation to avoid unmet contrasts. (73331)

Block Editor

  • Border Radius Control: Empty Values triggers unintended px unit conversion. (73324)
  • Drag and drop: Remove grab cursor for multi-selection. (73521)
  • Drag: Hide block tools popovers. (73539)
  • Stretchy text: Hide variations in Block Inspector (hack). (73238)
  • Styles Tab: Fix bug where contentOnly experiment forced it to always be displayed. (73534)
  • Disable Term Query blocks in Widgets Editor. (73449)
  • Comments Count and Comments Link: Ensures that the preview is displayed correctly in the StyleBook. (73213)

Global Styles

  • Preview Styles: Prevent leaked shadow due to blur. (73545)
  • Update generateGlobalStyles function to include variationStyles option. (73535)
  • Variations global styles: Replace useSetting with useStyle for fetching block variations. (73533)
  • Global Styles: Fix media upload permission check. (73503)
  • WP_Theme_JSON_Gutenberg: Preserve valid non-preset settings when KSES filters are active. (73452)

Components

  • Fix: Keep Guide close button visible on hover. (73220)
  • Normalize displayed dates to UTC time for DateTimePicker. (73444)
  • Try fixing full-screen modal height so contents can scroll. (73150)

Block bindings

  • Error handling for external sources. (72585)
  • Fix coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./term-data source bug, refactor, add 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. coverage. (73366)
  • Move computation of sources into dedicated useSelect. (72974)

Interactivity API

  • iAPI: Fix using getServerContext in derived state getters. (73518)
  • iAPI: Return a deep-clone object from getServerState and getServerContext functions. (73437)

Collaboration

  • Notes position alignment in HTML. (73046)
  • Notes: Collapse note on blur. (73158)
  • Notes: Fix warning in comment content check. (73198)

Patterns

  • Check for prevent default on event to enable media placeholder button. (73564)
  • contentOnly patterns: Fix lock icon appearing on toolbar when editing a section. (73457)

Block API

  • Block Support: Change block visibility support key. (73432)

Layout

  • Prevent empty contentSize and wideSize values โ€‹โ€‹from being saved. (73281)

Accessibility

  • Fix a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) of descriptions and alerts for โ€œInvalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid.โ€ Nav Items. (73177)

DataViews

  • Add grid keyboard navigation. (72997)
  • Make DataViews table checkbox permanently visible. (73245)

Performance

  • Remove some modal subscriptions when inactive. (73014)
  • Theme: Simplify ramp object by flattening warnings to optional top-level property. (72942)

Experiments

  • Add experimental abilities and workflow palette and move abilities API. (72703)
  • Lazy Editor: Fix Media Library loading. (73176)
  • Lazy Editor: Fix script modules loading. (73237)
  • Navigation Route: Add initial list and edit routes. (73259)
  • Refactor: Make WordPress abilities a script module instead of a global. (73364)
  • Routing: Add init modules. (73284)
  • Routing: Add pattern routes. (73317)
  • Routing: Add styles page as a route. (73197)
  • Routing: Add template part route. (73303)
  • Routing: Extract route package. (73191)
  • Routing: Support canvas clicks. (73348)
  • Styles Route: Allow switching between stylebook and homepage. (73253)

Patterns

  • ContentOnly Patterns experiment: Add content only inspector fields. (71730)
  • ContentOnly mode: Exclude template parts for now. (73332)
  • Routes: Small fixes to the pattern list and template part list routes. (73520)

Templates API

  • Add template route to the new site editor infrastructure. (73525)
  • Template Route: Add the โ€˜add new templateโ€™ button. (73542)
  • Template Activation: Rename gutenberg_get_block_template. (73582)
  • Template Activation: Use string IDs when experiment is off. (73585)

Block Library

  • Disable TinyMCE: Polish refresh message. (73485)
  • contentOnly Patterns experiment: Add content only support again for template parts. (73419)

DataViews

  • Routing: Preload routes properly. (73384)
  • Add experiment flag for Customizable Navigation Overlays. (73356)

Media

  • Reuse mediaUpload filter for new media modal by wrapping it in a class component. (73225)

Documentation

  • DataViews: Combine duplicate โ€œenhancementsโ€ grouping in changelog. (73227)
  • DataViews: Update documentation for layout prop. (73470)
  • Docs: Use consistent content formatting for experimental packages. (73212)
  • Field API docs: Improve Edit. (73202)
  • Field API: Document missing props. (73515)
  • Field API: Update documentation for operators. (73523)
  • Field API: Update documentation to better communicate field types. (73349)
  • Update Gutenberg Version for WordPress 6.9. (72925)
  • Update dataviews readme with new pickerTable layout. (73372)
  • Update undestanding-global-state-local-context-and-derived-state.md. (73233)

Code Quality

  • Asset Loader: Load all scripts in body (footer). (73584)
  • Core Data: Update Attachment type to more accurately reflect fields in media API responses. (73223)

Patterns

  • Content only block experiment: Blocks provide the form. (73479)
  • ContentOnlyControls: Refactor to use DataForm. (73374)
  • Resolve_pattern_blocks sync with Core 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.. (73570)

DataViews

  • Field API: Simplify field normalization. (73387)
  • Field API: Simplify normalization. (73546)
  • Revert โ€œ[DataForm]: The ModalContent component doesnโ€™t properly check for fields validity โ€“ [#73330]โ€. (73367)

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.

  • Command Palette: 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. (73567)

Components

  • Storybook: Replace implicit actions with explicit ones. (73502)

Block bindings

  • Make core/post-data source code more semantic. (73394)

Collaboration

  • Notes: Ignore flood and duplicate checks. (73232)

Block Library

  • Deprecate Pullquote Block. (73228)

Tools

  • Project: Add CODEOWNERS entries for ui and theme packages. (73369)
  • Update codeowners for packages/dataviews. (73204)

Build Tooling

  • Add missing package dependencies. (73258)
  • Build: Fix CSS rebuilds. (73380)
  • Build: Make pages building using the routing infrastructure independent of Gutenberg. (73379)
  • Build: Moment-timezone shouldnโ€™t be a mandatory dependency. (73352)
  • Exclude JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors./TS test files from build. (73495)
  • Framework: Sync lockfile changes under Node.js v24 build. (73314)
  • Scripts: Improve handling of check-licenses for optional dependencies. (73026)

Testing

  • Block Bindings: Add unit test coverage for core/post-data source. (73055)
  • Block Bindings: Remove end-to-end test theme. (73209)
  • Unit testing: Allow Composer to auto-detect PHP version. (73358)
  • end-to-end Tests: Remove movie CPTs after block bindings tests. (73235)
  • end-to-end Tests: Skip flaky list view test. (73234)

Various

  • UIUI User interface: Remove shorthand prop options from Box component. (73529)

Collaboration

  • Notes: Improve delete confirm message for replies. (73173)
  • Update button label from โ€œAdd new noteโ€ to โ€œAdd new replyโ€. (73189)

Templates API

  • Template activation: Move php files. (73402)

Block Library

  • contentOnly patterns experiment: Make the Inspector fields key a private API. (73376)

Patterns

Double-click on pattern to edit pattern. (73268)

First-time contributors

The following PRs were merged by first-time contributors:

  • @PaulAsaf2: Update undestanding-global-state-local-context-and-derived-state.md. (73233)
  • @RoyHridoy: Fix: Keep Guide close button visible on hover. (73220)
  • @triple0t: Dataforms: Update Email Control component to use envelope icon instead of atSymbol. (73184)
  • @xristos3490: Fix alignment when viewing a DataView with table layout and non-default column alignment. (73398)

Contributors

The following contributors merged PRs in this release:

@aaronrobertshaw @adamsilverstein @aduth @andrewserong @annezazu @anomiex @audrasjb @bph @cbravobernal @DAreRodz @ellatrix @felixarntz @getdave @gigitux @harshbhonsle @hbhalodia @jameskoster @jasmussen @jeryj @jorgefilipecosta @jsnajdr @karthick-murugan @luisherranz @MaggieCabrera @Mamaduka @mcsf @mikachan @mikejolley @mtias @ntsekouras @oandregal @ockham @PaulAsaf2 @priethor @ramonjd @RoyHridoy @ryanwelcher @scruffian @senadir @shimotmk @simison @SirLouen @t-hamano @talldan @tellthemachines @triple0t @tyxla @xristos3490 @youknowriad

Props to @annezazu and @matveb for reviewing this post, and @joen for the visual assets!

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