“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 23.7 has been released and is available for download!

Version 23.7 includes many improvements over features added with 23.6, with updates to the BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Editor, the new Gallery block’s dynamic mode, user control to enable the Global Styles inheritance UIUI User interface, and a series of smaller visible editor layout fixes.

Various editor improvements

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

Gallery block dynamic mode improvements

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

Other Notable Highlights

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

Changelog

Enhancements

• Base styles: Allow overriding focus ring color in outset-ring__focus. (80587)
• WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Dashboard: Measure the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. fit and document the chrome. (80423)
• Widget Primitives: Ship as a script module. (80149)

Components

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

Block Library

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

Post Editor

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

Font Library

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

Collaboration

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

Global Styles

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

Block Editor

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

Bug Fixes

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

Block Library

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

Block Editor

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

Post Editor

• Editor: Leave undo to the browser in fields that handle their own undo. (80768)
• Editor: Restore fixed device preview height for mobile and tablet. (80271)
• MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes: Match heading styles with Gutenberg panels. (80670)
• Notes: Capture the target block before saving a block-level note. (80690)
• Notes: Register the inline note format at import time. (80576)
• Notes: Report save success consistently from note actions. (80748)
• Notes: Sync the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. selection to the inline marker under the caret. (80610)
• Post Lock: Fix modal flipping to “Someone else has taken over” for a locked-out viewer. (79997)
• Wrap notices in ThemeProvider with 0 corner radius. (79523)
• iOSiOS The operating system used on iPhones and iPads.: Remove jumping hack, add typewriter. (74596)

Components

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

Client Side Media

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

Collaboration

• Notes: Detach core’s mention kses filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. in the baseline strip test. (80656)
• RTC: Compact during serialization. (80707)

Media

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

Global Styles

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

Data Layer

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

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

Block Library

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

Performance

Block Editor

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

Post Editor

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

Data Layer

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

Experiments

Dashboard

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

Block Editor

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

Documentation

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

Code Quality

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

Components

• Autocomplete: Reference the suggestions list with aria-controls and aria-haspopup. (80403)
• ExternalLink: Use shared focus ring mixin. (80573)
• Make useSelectionProps hook layout agnostic. (80677)
• Migrate Disabled to SCSS module. (80643)
• Migrate FormTokenField to SCSS module. (80472)
• Migrate SearchControl to SCSS module. (80474)
• Packages: Update date-fns to 4.4.0. (80763)
• Theme: Update Color.js to 0.7.1. (80762)
• Theme: Update colorjs.io dependency and drop bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. workaround. (80272)
• UI: Improve component code readability in Storybook by using arrays for children. (80352)
• theme: Disallow src in published package. (80213)

Block Library

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

Block Editor

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

Post Editor

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

Data Layer

• Packages: Update memize to 2.1.1. (80764)

Global Styles

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

Site Editor

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

Collaboration

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

Tools

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

Build Tooling

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

Testing

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

Various

Components

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

First-time contributors

The following PRs were merged by first-time contributors:

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

Contributors

The following contributors merged PRs in this release:

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

Props to @mamaduka for reviewing.

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