Editor Chat Summary: May 25, 2022

This post summarizes the weekly editor chat meeting (agenda here) held on 2022-05-25 14:00 UTC in Slack. Moderated by @zieladam.

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/ 13.3

The 13.3 version was released on May 25th by @welcher. Find out more in the What’s New in Gutenberg 13.3.0 post.

WordPress 6.0

The long-awaited WordPress 6.0 stable version has been released this Tuesday!

The highlights include:

  • Enhanced Writing Experience
  • Style Switching
  • More Template Choices
  • Integrated Patterns
  • Additional Design Tools

Key project updates

Task Coordination

@amustaque97

@mamaduka

  • I’m mostly doing PR reviews last couple of days

@isabel_brison

  • I’ll mostly be migrating flaky e2e tests to Playwright this week

@zieladam

@welcher

@ntsekouras

  • I’ve started the work for expanding the templates in site editor. The first part will be for custom post types and their archive pages.

Open Floor

Announcements, questions and discussions.

@markhowellsmead

Asked about the motivation behind moving coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. CSSCSS Cascading Style Sheets. inline.

This change has directly lead to many specificity problems, not least that it’s very difficult (and somtimes impossible) to override inline styles using rules in external CSS files.
Ref. https://github.com/WordPress/gutenberg/issues/38719
Ref: https://github.com/WordPress/gutenberg/issues/40159

Mark and other theme developers have seen feedback that hints how editor devs (in some cases) don’t want to “allow” others to modify layout or logical decisions through the use of code in themes or plugins. By blocking access to allow themes and plugins to override what should be simple core CSS rules, we’re being forced towards a complete deactivation of core CSS in some projects.  It’s admirable to release devs from the burden of basic CSS by way of the Style Engine, but there are limitless requirements for custom-built themes which neither belong in core, nor which can be solved by a generic 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..

@amustaque97

Asked whether https://github.com/WordPress/gutenberg/issues/40809 is a 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. or enhancementenhancement Enhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature.. @zieladam thought it was a bug since it reports a mismatch between the editor and the website.

@welcher

Asked whether anyone is aware of any commits that need to be cherry-picked.

@manfcarlo

Reported that https://github.com/WordPress/gutenberg/issues/29484 is currently closed but it needs to be re-opened. The issue has been reopened since then.

@greenshady

Requested feedback on https://github.com/WordPress/gutenberg/issues/41324. The vertical alignment options for Row and Buttons (flex) blocks is always centered on the front end, even when choosing something like top alignment. This seems to be an issue with WordPress 6.0 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". but not with Gutenberg 13.2.2 active.

@bph

Proposed a 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. ‘allow-list’ to limit the number of patterns offered to the users through the patterns directory.

To get more details go directly to the Open Floor discussions in the Core Editor 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/. channel.

#core-editor, #core-editor-summary, #gutenberg, #meeting-notes, #summary

Block Font Sizes and Fluid typography

Back in August, 2020 a Gutenberg issue proposed the following enhancementenhancement Enhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature.:

It’d be nice to allow to have fluid typography option so that design would look good on all viewports. This would open the door for designers to make a more bold visual expression that’s difficult to do with fixed font size.

An experimental pull request (PR), Block supports: add fluid typography #39529, puts forward a way to realize this enhancement by allowing theme authors to enable fluid typography across their site.

This post is to raise awareness of the issue and ongoing work in the area, and to request feedback on the PR‘s proposed approach.

What is fluid typography?

Fluid typography is a fancy way of describing font properties, such as size or line height, that scale fluidly according to the size of the viewport.

Taking font size as an example, when a site’s font sizes are fluid they will adapt to every change in screen size, for example, by growing larger as the viewport width increases, or smaller as it decreases.

Contrast that idea with properties that respond to specific viewport sizes, such as those defined by media queries, but do nothing in between. 

About the proposed approach

Theme authors can already insert their own fluid font size 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.. The TwentyTwentyTwo theme, for example, employs clamp() values for several font sizes.

However, it’s still necessary to create a fluid font size value for every font size in order to achieve a uniform effect across a site.

The PR attempts to generate fluid font size values dynamically so that theme authors don’t have to worry about implementation details.

In order to achieve this, it add several new properties to theme.json font size presets:

"settings": {
    ....
    "typography": {
        "fluid": {
            "min": "768px",
            "max": "1600px"
        },
        "fontSizes": [
            {
                "size": "2rem",
                "fluidSize": {
                    "min": "1.8rem",
                    "max": "2.5rem"
                },
                "slug": "medium",
                "name": "Medium"
            }
        }
}

Note typography.fluid and typography.fontSizes[].fluidSize, both of which contain the following properties:

  1. min – In fluid, the minimum viewport width, In fluidSize, the minimum font size.
  2. max – In fluid, the maximum viewport width. In fluidSize, the maximum font size.

Using these properties, 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/ will construct a unique clamp() formula for every font size and output the value in the font size preset CSSCSS Cascading Style Sheets. var. For example:

--wp--preset--font-size--medium: clamp(1.8rem, calc(1.8rem + ((1vw - 0.48rem) * 1.346)), 2.5rem);

The formula controls how a font scales between minimum and maximum values, relative to the viewport width.

If values required to reliably construct a clamp() formula are missing, such as a minimum or maximum font size, an alternative font size value using CSS max() or min() is returned accordingly.

Fluid font size example in Gutenberg

I encourage you to inspect the PR for further details, and play around with different designs.

Feedback

Initially, I’d expect to release the changes to theme authors via the theme.json interface only.

The intention is to garner feedback on design, functionality and 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. before diving into UIUI User interface controls and, beyond that, introducing fluidity to other properties such as spacing.

On that note, I invite folks to check out the branch and leave their thoughts in the PR comments. If you can spare the time to test the changes, I’d appreciate input on:

  • Whether the new theme.json  properties are easy to understand.
  • Usage across themes and potential backwards compatibility issues.
  • 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). For example, supporting (and ultimately recommending) the use of relative sizes such as rem.
  • Possible alternatives.

All feedback is welcome and will be rewarded with healthy doses of digital kudos.

Thank you!

#gutenberg, #request-for-comment, #typography

What’s New in Gutenberg 13.3.0 ( May 25 )

“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, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.


Gutenberg 13.3.0 introduces a new Table of Contents 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., some enhancements to existing blocks to provide more ways to display content, and many more improvements.

Table Of Contents

New Table of Contents Block

After over a year of work and iterations, the Table Of Contents block is now available as an experimental block. Once placed into the content, the Table Of Contents block will detect any Heading blocks added and display them with anchor links to allow users to jump to a section on the page.

Post Terms Block variations to display 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. terms

A Post Term block variation is now generated for each custom taxonomy registered. For example, if you register a “Product categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging.” taxonomy, you will be able to add a “Product categories” block that lists all the product category terms assigned to the current post.

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 now supports a “parent” 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.

When working with a Page or any hierarchical content type a new “parent” filter is available to display content that is children of the defined parent.

Other Notable Highlights

Heading block now supports Font Family controls

Save Block List default view preference

Users can now set a preference to determine if the Block List view is open or closed by default.

New transforms between the Cover and Media & Text blocks

First-time contributors

The following PRs were merged by first-time contributors:

  • @bjorsch: dependency-extraction-webpack-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: Calculate vendor hash from file output rather than Webpack internal state. (34969)
  • @daymobrew: Typo – enqueue to enqueued. (40880)
  • @JessicaGosselin: Fix typo in Panel readme. (41111)
  • @luminuu: Create single template via site editor if not existing. (40830)
  • @neffff: env :: Support ssh protocol for githubGitHub GitHub is a website that offers online implementation of git repositories that can 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 be the repository owner. https://github.com/ repos. (40451)
  • @phillsav: Update broken links. (41071)
  • @shanjidah: Migrated popovers.test.js to Playwright. (39910)
  • @tomjdv: Corrected the order in the code tabs. (40569)

Changelog

Enhancements

Preferences

  • Avoid persisting preference every time 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. tab is changed. (40923)
  • Editor preferences: Update order and copy. (40981)

Components

  • BorderControl
    • Make border color consistent with other controls. (40921)
    • Make height consistent with other controls. (40920)
    • Make reset to default button only display when required. (40917)
  • Select Component: Remove the lineheight setting to fix issue with font descenders being cut off. (40985)

Block Library

  • Add an explicit error message if an image block fails to load the image. (40982)
  • Add transform between cover and media & text. (38458)
  • Post Terms: Add dynamic variations of custom taxonomies. (39837)
  • Query Loop: Add parents filter. (40933)
  • Add: Space to indent list item. (39949)
  • Separator Block: Add border property for dots style to editor stylesheet. (40855)
  • Button: Add text transform control. (40858)

Build Tooling

  • dependency-extraction-webpack-plugin: Calculate vendor hash from file output rather than Webpack internal state. (34969)
  • Dependency Extraction Webpack Plugin: Use OpenSSL provider supported in Node 17+. (40503)
  • Update actions/setup-node GitHub action. (40816)

Design Tools

  • BorderRadiusControl: Add tooltips to split border radius controls. (40983)

CSSCSS Cascading Style Sheets. & Styling

  • BorderRadiusControl: Tweak spacing between input and range control to line up with BorderControl. (40958)

Template Editor

  • Use the label ‘Clear customizations’ when changes are revertable. (40935)

npm Packages

  • Packages: Add command to publish to npm targeting WP major releasemajor release A release, identified by the first two numbers (3.6), which is the focus of a full release cycle and feature development. WordPress uses decimaling count for major release versions, so 2.8, 2.9, 3.0, and 3.1 are sequential and comparable in scope.. (40927)

List View

  • Block list: Add option in editor settings to show open list view as default. (40757)

Bug Fixes

  • Add missing styling panels for uncontrolled navigation. (41114)
  • DOM: Allow copying text from non-text input elements. (40192)
  • DOM: Deprecate isNumberInput and fix its handling of value=0. (40896)
  • FlatTermSelector: Avoid errors when returned terms aren’t iterable. (41099)
  • Provide translators comment for Font size and Letter Case. (40879)

Block Library

  • BorderControl: Fix focus styling. (40951)
  • Add missing “type” to the search field on the editor. (40782)
  • Comments Title
    • Fix post title translationtranslation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization.. (40972)
    • Make non-editable. (40817)
  • Cover: Update background type when using 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.. (40873)
  • Fix Comments Form Title text alignment. (40795)
  • Fix external styles leaking into Warning component. (40868)
  • Image Editor: Remove HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. from error messages. (40812)
  • Post Comments:
    • Allow placeholders to reorder items in translations. (40849)
    • Fix invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. date format in placeholder. (40929)
  • Quote: Fix the embed discovery. (41134)
  • Return immediately from 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. block’s render_callback if $comment is null. (40835)
  • Use get_the_post_thumbnail function in the cover block.. (40853)
  • List v2
    • Fix outdent on empty list item if we press enter. (40939)
    • Focus new list item added from sibling inserter. (41051)
    • Fixes an issue where pressing enter deletes innerblocks. (41109)
  • CircularOptionPicker: Fix focused styles. (40990)
  • Gallery block
    • Fix bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. with initial image size. (41079)
    • Include image caption when converting a classic block gallery. (40872)
  • Post Author block: Hide select author controle if there is no postId. (40910)

Site Editor

  • Avoid previous content flash when a new template is created. (40841)
  • Decode entities in the site title. (40956)
  • Fix opinionated block styles loading in editor. (40937)
  • Post Comments: Fix Older/Newer comments links styling. (40948)
  • Template List: Fix word break for the ‘Added by’ column. (40959)
  • Template editor: Show the inserter if the template part is empty. (41024)

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)

  • Prevent navigation on URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org input suggestion selection via enter key. (40906)
  • Table block: Fix focus loss after Create Table button is selected. (40399)
  • Block Library – Latest Posts: Prevent opening the links in editor. (40593)

Global Styles

  • Fix: Global Styles are always resettable. (40887)
  • Fix: Global Styles: Impossible to open welcome guide if global styles are empty. (40888)
  • Site editor: Preset custom color duplicates. (40837)
  • Reduce active tab accent weight. (40998)

Post Editor

  • Fix typo in the test description didPostSaveRequestSucceed. (41064)
  • Post saved draft button: Overwrite default button component margin. (40834)

Themes

  • Theme Export: Use a better method to determine the theme name. (40829)
  • Theme Export: Use basename when determining the theme slug. (41058)

Template Editor

  • Create single template via site editor if not existing. (40830)
  • Templates: Only allow renaming user-created and non-default templates. (40881)

Components

  • Fix Storybook builds. (41089)

Design Tools

  • Layout: Remove double output of align-items in horizontal layouts. (41018)

Code Editor

  • Fix save shortcut. (40848)

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.: Don’t output double selectors for elements inside blocks. (40889)

Performance

Block Library

  • Ensure that post thumbnail is cached in latest post block. (40571)
  • Ensure that post thumbnail is cached in post template block. (40572)
  • Navigation link: Prime caches for all posts in menu items. (40752)
  • useShortCodeTransform: Fetch media data in single request. (40945)
  • Update the block overlay to rely on useDisabled hook. (40649)

Experiments

  • Style Engine: Add typography and color to frontend. (40665)
  • Add: Raw handling to the new list block. (39954)

Block Library

  • List v2
  • Indent multiple list items. (40991)
  • Outdent list item when pressing Backspace at the start. (40962)
  • ToC block
    • Re-enable + use static markup and only support coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Heading and Page Break blocks. (29739)
    • Mark Table of Contents block as experimental using block.json flag. (40905)

Data Layer

  • Add suspense support to the data module. (37261)

Documentation

  • Add “How To Get Your Pull Request Reviewed?” to developer handbook. (40589)
  • Add link to npm release details to the release documentation. (40867)
  • Corrected the order in the code tabs. (40569)
  • Docs: Git.io deprecation – Replace links. (40734)
  • Document useEntityRecord/s in README.md and CHANGELOG.md. (40932)
  • Fix typo in Panel readme. (41111)
  • Remove mid-paragraph line breaks from 2-building-a-list-of-pages.md markdown. (41025)
  • Typo – enqueue to enqueued. (40880)
  • Update broken links. (41071)
  • [Gutenberg Data Tutorial] Part 4: Building a new record form. (39261)

Components

  • Use TypeScript and controls for DateTimePicker‘s stories. (40986)

Code Quality

  • Convert core-data selectors from jsDoc annotations into TypeScript type signatures. (40025)
  • Dependency extraction
    • Improve calculation of contentHash. (40930)
    • Respect hashDigestLength option for version field. (40977)
  • Improve function name for finding navigation links that use the featured image. (40904)
  • Interface: Fix deprecation messages. (40825)
  • Make the useDisabled hook stable. (40890)
  • Packages [Dependency Extraction Webpack Plugin]: Add new line at the end of *.assets.php. (40753)
  • Remove unreachable inserter component. (41103)
  • Styles hook: Swap out lodash methods with their JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. equivalents. (40918)
  • Update reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-resize-aware with use-resize-observer. (40509)
  • useRefEffect: Replace undefined with void in callback return type. (40798)
  • Remove Flyout leftovers. (41129)
  • Send registered patterns in HTML and combine them with REST ones. (40818)
  • Refactor the Popover component to use the floatingUI library. (40740)
  • Table of Contents block: Remove editor-only wrapper <div>. (40899)
  • Color Controls: Merge color dropdown components. (40084)

Block Library

  • Cover:
    • Refactor controls. (40832)
    • Correct resizeable spelling to US resizable. (41100)
  • Post Terms:
    • Add wp_kses_post to prefix/suffix for consistency. (40803)
    • Post Terms: Insert defaultBlock on suffix end split. (40934)
  • Replace hardcoded core/paragraph with getDefaultBlockName in onSplitAtEnd callbacks. (40954)
  • Query Loop: Move sticky control to separate file. (41101)
  • Search Block: Remove id attribute from svg. (40828)
  • ButtonGroup: Convert to TypeScript. (41007)

Components

  • Add jest-console typings and convert DateTimePicker tests to TypeScript. (40957)
  • Rewrite DatePicker, TimePicker and DateTimePicker in TypeScript. (40775)
  • Update react-dates to 21.8.0. (40801)
  • Stabilize useEntityRecord and useEntityRecords. (40162)
  • CheckboxControl: Convert component to TypeScript. (40915)

Plugin

  • Declare blocks as __experimental in block.json to automate syncing Gutenberg packages to WordPress. (40655)
  • Tools: Improve configuration for formatting files. (40994)
  • Packages: Add command to publish to npm targeting WP major release. (40927)

Code Editor

  • Don’t commit ‘non-dirty’ changes. (41092)

Media

  • Media Utils: Don’t convert error messages into an array. (39448)

Block Editor

  • Add constants for link entry types. (36490)

Post Editor

  • DevicePreview: Remove unnecessary div tag. (40911)

Tools

  • Fix pull-request-automation CI check (temporarily until an upstream fix lands). (41044)
  • Update package-lock.json. (41045)
  • env :: Support ssh protocol for github repos. (40451)
  • Add @fabiankaegy as a code owner for the docs/ directory. (41057)

Testing

  • Add eslint warning about use of waitForTimeout to playwright eslint. (40802)
  • Comment Template: Reorganize block tests to ease 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. process. (40739)
  • Fix: Env 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. fails on Windows. (41070)
  • Migrate ‘block-locking’ to Playwright. (41050)
  • Migrate and refactor image block end-to-end tests to Playwright. (40804)
  • Migrated popovers.test.js to Playwright. (39910)
  • Reorganize playwright utils and make canvas utils usable in the site editor. (40815)
  • Setup user-event inline once per test. (40839)
  • Test block insertion after title post blur. (32944)
  • Tests: Remove comment template unit tests. (40965)
  • useSelect: Add unit tests for usage without deps. (40732)

npm Packages

  • Packages: Add GitHub workflow for publishing to npm. (40976)
  • Packages: Add more npm release types to the GitHub workflow. (41046)

Block Library

  • Heading block – add font family support. (40970)
  • Only allow template part to be replaced if its a headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. or footer. (40787)
  • Try a single icon for title blocks. (40596)

Performance Benchmark

The following benchmark compares performance for a particularly sizable post over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Post Editor

VersionTime to first blockKeyPress Event
Gutenberg 13.34.49s43.62ms
Gutenberg 13.25.57s45ms
WordPress 6.04.93s41.89ms

Site Editor

VersionTime to first blockKeyPress Event
Gutenberg 13.35.20s35.86ms
Gutenberg 13.26.17s52.71ms
WordPress 6.05.05s33.27ms

Kudos to all 55 contributors that participated in the release! 👏

Thanks to @priethor for his contributions and improvements to this draft, and @javiarce for the visual assets.

#gutenberg

Core Editor Improvement: Creating & containing containers

These “CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor Improvement…” posts (labeled with the #core-editor-improvement 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 a series dedicated to highlighting various new features, improvements, and more from Core Editor related projects. 

In the last few versions of 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/ set to be included in WordPress 6.0, a collection of changes were made to simplify the discovery, use, and optionality of container blocks. When combined with the new 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. locking UIUI User interface, you can create layouts of your choosing and lock when you’re ready. 

Improved discoverability

When you select multiple blocks, the toolbar shows each variation of the Group block so you can quickly choose between the different variations while directly creating content. 

Of note, you can always ungroup blocks after you’ve done this if you’d like by using the ellipsis menu in the block toolbar and selecting Ungroup. 

More variations

Blocks are now easily grouped into either a Stack layout (vertical) or a Row layout (horizontal) with a single click. These flex-based containers allow for responsiveness at default for your content, especially when combined. From the 6.0 dev notedev 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 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. on Block markup updates for image, quote, list and group blocks:

It’s a flex container, meaning it has access to content justifications and block spacing. If combined with the Row block and its ability to optionally wrap onto new lines, it can enable basic responsive behaviors, such as two columns that stack to a single column on smaller displays.

You can switch between them in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. settings too after your initial selection to get a feel for what you want. The video below brings the entire experience together:

More design options

To customize things more, you can play with gap support, margin, typography options, and more. For margin and padding, thanks to Gutenberg 13.2 (not coming to 6.0), you can more readily visualize your changes too. Here’s a video from the release notes:

Lock when done 

When you have things exactly as you want them, you can lock whatever pieces you’d like of your creation to prevent removal or movement from the overall container blocks discussed above to individual blocks within. This is a great way to preserve your layout. Here’s a quick visual from a previous release post


If you’ve explored these new options in the release cycle for 6.0 or via the Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party, feel free to share your creations below in the comments or even in the Pattern Directory. If you haven’t just yet, get excited to explore for WordPress 6.0.

#core-editor, #core-editor-improvement, #gutenberg

Editor Chat Summary: 18th May 2022

This post summarises the weekly editor chat meeting (agenda here) held on 2022-05-18 14:00 UTC in Slack. Moderated by @get_dave.

Status Updates

Task Coordination

The following items were shared by folks to update us on what work is in progress or where help is needed:

@noisysocks:

@manfcarlo (not present – shared by @paaljoachim):

  • I want to draw attention to Page Break block ( core/nextpage ) not working as expected.
  • It was patched in January but there are some problems with the 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. that will need to be re-patched.
  • Details are in the latest comment on the issue.

@mamaduka – I got sidetracked with shiny new issues, but I plan to continue working on 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. Locking feature.

@vcanales:

  • I’ve created a draft PR with a small proof of concept on creating random color palettes in the betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. Styles panel, with colors that work well together in terms of legibility.
  • It’s very early on, but I’ll be updating that PR with whatever issues I can surface. I’ll also come back every week to ask for input

@get_dave:

@tomasz:

  • I wanted to call for a review of Search Block extensibility: search query vars (now merged).
  • I would really appreciate a review of the proposed implementation as this would enable our team at Woo to provide more contributions around the Search Block if we could rely on this extensibility feature.

@zieladam:

  • I’ve been working with @gziolo on merging 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/ changes into the WordPress 6.0 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"..
  • The RC3 was released yesterday as @get_dave mentioned, next stop: RC4 and a stable version next week.
  • I’ve shipped [Gutenberg Data Tutorial] Part 4: Creating pages
  • I’ve proposed Typescript Entity configuration types – the last blockerblocker A bug which is so severe that it blocks a release. before shipping TypeScript types for getEntityRecord and other coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-data selectors for a great  autocompletion experience

@glendaviesnz (not present – shared by @paaljoachim):

  • There have been some requests for the addition of spacing presets in Gutenberg, similar to the font size presets that are already available, to allow theme designers to specify a select list of spacing values that can be applied to blocks.
  • It would be good to get some design feedback on this, in terms of the feasibility of adding this to the UIUI User interface, and how the UI for this might be structured.
  • I think there has been some ongoing discussion about the suitability of the current UI for selecting the font size presets, so would be good not to repeat any problems that might exist there.

Open Floor

The full Open Floor discussion is available on 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/..

Right click action on List View (and in wider editor)

  • @andrewserong would like to surface this PR which explore adding right click behaviour to the List View.
  • He’d love feedback on whether overriding the native right click behaviour is something we want to do in Gutenberg.
  • @get_dave, @zieladam and @mamaduka were in favour so long as it considered 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) concerns.
  • @paaljoachim had reservations around discoverability.
  • It was noted that @alexstine had already provided a11y feedback and an opt out via editor settings has been added to the PR.
  • @hypest also noted that it should consider mobile interactions as well.
  • Agreed to leave further feedback on the Issue/PR itself.

Request for feedback: enabling styling of interaction states in editor

  • @get_dave wanted to surface these design explorations on enabling styling of interaction states (:hover, :focus .etc) within the editor.
  • Now is a good time to provide feedback and raise concerns in order that the first iteration of the interface can be as good as it can be.
  • Folks were broadly in favour of this functionality being added.
  • @fabiankaegy was concerned about adding a lot of additional clicks to every interaction – felt this would be better served with a persistent setting instead of a local state in every component.
  • @get_dave requested input from folks experienced with Global Styles and 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. to discuss the potential data structure for such a feature.
  • @tomasz noted it would be nice to have a full overview of the state ie. color + typography etc. rather than split between different panels. A summary would avoid having to keep a mental map in your head of all interactions.
  • Please continue to discuss on the Issue.

Breaking change: promoting experimentalFetchLinkSuggestions to stable 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.

  • @get_dave would like to flag a PR which renames a long-standing experimental API to stable.
  • There’s been lots of discussion around experimental APIs and the deprecation strategy recently, so I wanted to flag this one final time before it gets merged.
  • Hopefully the impact is minor but it’s worth being aware of as it’s been around as __experimental for quite some time.
  • Noted that outreach has been done to community Plugins making use of the API.
  • Will merge this week unless there are any blockers raised.

Thanks to everyone who attended the meeting.

#core-editor, #core-editor-summary, #gutenberg, #meeting-notes, #summary

Editor chat summary: 11 May, 2022

This post summarizes the weekly editor chat meeting (agenda here) held on Wednesday, May 11 2022, 03:00 PM GMT+1 in Slack. Moderated by @paaljoachim.

GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party releases

Gutenberg 13.2 released 11 May.
Whats new in Gutenberg 13.2.

WordPress 6.0

WordPress 6.0 Project board
Project board for Dev Notes
Help Wanted: Test WordPress 6.0

Key project updates

Task Coordination

@amustaque97

I will be looking into issue: Post Comments block: Whitespace on top of warning message

@tomasztunik

A while ago I’ve shared a core Search Block extensibility feature request to give the ability for 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. variations to provide custom search query parameters. Since then I’ve also shared a proposed implementation and I’d love some feedback. This would allow projects like WooCommerce or other projects that introduce custom post types to re-use the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. search experience to provide custom search components for their extensions.But it would also allow creating custom searches for core WordPress experience ie. searching only within specific categories, tags or authors.

Open Floor

Announcements, questions and discussions.

@annezazu

I’d like to start a discussion around adding a new label to the new label to the Gutenberg repo around issues that impact adoption. The aim would be to have an easier way to see, at a glance, what big issues are impacting the adoption of Gutenberg.

  • Would folks find value in having those issues clearly communicated?
  • Does a new GitHubGitHub GitHub is a website that offers online implementation of git repositories that can 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 be the repository owner. https://github.com/ label seem like the right approach? If not, what other approaches would work well?
  • If a new GitHub label works well, what name would work best?

Here are a few suggestions:

  • [Type] Adoption Blockerblocker A bug which is so severe that it blocks a release.
  • [Type] Impacts Adoption

@marybaum
I like Adoption Blocker.
Could also make it active: Blocks Adoption.
@fabiankaegy
I also like the idea of that. Though it is difficult to really gauge the actual impact it has on the party that is blocked from adoption. I guess I’d like to understand what requirements a ticketticket Created for both bug reports and feature development on the bug tracker. needs to fulfill in order to “justify” getting that label applied.
@tomasztunik
I think if people had this at the back of their heads when triaging issues or evaluating feature requests this could shift the perspective toward the product and ecosystem more than the problem itself. Like another “standard” question to ask yourself when evaluating something.
@priethor
This is an example of an issue that would need that label: something already existing in WP but that Gutenberg doesn’t support, preventing Gutenberg adoption and users needing to stick with classic implementations:
https://github.com/WordPress/gutenberg/issues/3144
@mikachan
Another alternative for the label itself could be ‘migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies. blocker’ (or ‘impacts migration’ / ‘blocks migration’).

@ndiego

This is a thought-provoking question that I asked earlier in #6-0-release-leads (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/.). When we fix bugs in Gutenberg (and also in Core), they can have unintended consequences when users upgrade to the new versions where the bugs have been fixed. Thought I would share it here as well.

To get more details go directly to the Open Floor discussions in the Core Editor Slack channel.

#core-editor, #core-editor-summary, #gutenberg, #meeting-notes, #summary

What’s new in Gutenberg 13.2? (May 11)

“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, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.


Gutenberg 13.2 brings a new 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. to save editor preferences on the server, visual guides for padding and margins, and improvements to the Comment 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..

Table of Contents

Save Editor Preferences

Gutenberg now saves editor preferences on the WordPress server, instead of in the browser. This means that no matter which computer or browser you are using, Gutenberg will always be set up just the way you like it.

Image showing settings from the editor that are persisted

Visualize Padding and Margin

Understanding how margins and padding affect a block is important in getting your layout just right. With Gutenberg 13.2, the margins and padding will highlight in blue as you adjust them.

Improvements to the Placeholders

The Post Content, 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., Post Comments, and Post Comments Form blocks will show more realistic placeholders in the editor to give you a better understanding of how your site will look with real content.

Screenshot showing a post with placeholders

Other Notable Highlights

You can now exit the Quote block and move on to a new block by pressing the Enter key at the end.

The Separator block now supports top and bottom margins, giving you more control over the whitespace of your content.

Numerous bugfixes to the Comments block fix styles and correct messaging.

Screenshots showing comment block

Props to new contributors

Kudos to the first-time contributors that joined during the last release cycle!

  • @chriszarate: 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: Fix recommended preset when prettier is not installed. (40634)
  • @danieliser: Fix/block 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. icon prop errors. (40710)
  • @gvgvgvijayan: Fixes broken links. (40578)
  • @iansvo: URLInput now always has an ID and accessible label. (40310)
  • @juhi123: Migrate Image Size to Playwright. (40467)
  • @Trapsta: Close overlay menu when clicking an anchor link. (39625)

If you are interested in contributing but do not know where to start, join the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor weekly meetings on Wednesdays at 14:00 UTC in #core-editor focused on all things Gutenberg.

Changelog

Features

  • Add new preferences persistence API, and save editor preferences in user meta. (39795)

Enhancements

  • Add visualizers for padding and margin for all blocks. (40505)
  • Remove the spotlight mode from template parts. (40652)

Block Library

  • Placeholders:
    • Update post content placeholder. (40177)
    • Update the placeholder for post excerpt. (40178)
    • Add placeholder to Post Comments block. (40484)
    • Improve the logic for warnings for Post Comments Form placeholder. (40563)
    • Post Comments Form: Add “proper” visual representation in the editor. (40368)
  • Comments 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 Post Comments Form block to Comments Query Loop template. (40256)
  • Post Comments block: Enqueue comment-reply script. (40366)
  • Cover: Avoid unnecessary wrapping when transformed from Group. (40602)
  • Quote v2: Implement exiting on Enter at end. (39911)
  • Separator Block: Add top & bottom margin support. (40551)

Components

  • Fix async timing in tests using user-event. (40790)
  • Add flag for larger default size. (InputControl: 40622, UnitControl: 40627)

Site Editor

  • Use default cursor for non-editable text blocks. (40785)

Block Editor

  • Show add pattern label when patterns are being prioritised. (40598)
  • Improve button spacing in the top right corner of the editor. (40411)

Document Settings

  • Design tweaks to Post Visibility popover. (40530)

Global Styles

  • Global Styles 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.: Tweak separator margin. (40526)

Webfonts

  • Register all fonts before enqueing any. (40489)
  • Turn off WP 6.0 stopgap handler to use Webfonts API. (40555)

Block API

  • Allow using a custom domainpath for viewscripts. (40136)
  • Add settings hook. (40547)

Post Editor

  • Editor: Refactor PostFeaturedImage component to improve uploading state (40126)

Bug Fixes

Block Library

  • Audio: Correctly handle drag and drop upload errors. (40623)
  • Comments:
    • Comment Content: Show moderation message. (40612)
    • Comment Template: With pagination, make sure to request page 1 if there are no comments. (40759)
    • Comments Title: Count toggle working in ‘Singular’ editing mode (fix). (40728)
    • Comments block: Fix glitches found while backporting. (40628)
    • Fix alignment issue with comment author name. (40610)
    • Fix alignment issue with the comment edit link. (40584)
    • Fix alignment issue with the comment reply link. (40582)
    • Fix an alignment issue with the post comments form. (40613)
    • Fix style comment awaiting moderation indentation. (40681)
    • Prevent comments rendering on password protected posts. (40755)
    • Display paragraph breaks in comment contents block.. (40667)
    • Prevent spam links of author’s name in pending moderation comments. (40702)
  • Cover Block: Fix focal point error when the Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. is applied. (40643)
  • Cover: Avoid adding a wrapper Group block when transforming to Group, where possible. (40293)
  • Cover Block: Fixed iOSiOS The operating system used on iPhones and iPads. 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. handling background-attachment to properly work with iOS 13+. (40087)
  • Navigation block “Open on click”: Inherit font style and font weight. (40671)
  • Post Author: Switch byline to use kses so that rich text elements are rendered correctly. (40776)
  • Latest Post: Fix 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. with featured images in latest posts. (40662)
  • Video: Fix drag and drop upload error state. (40552)
  • Heading: Include text alignment when transforming from paragraph to 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. and back. (40709)
  • No Results: Remove a typo from the no results block. (40573)

Components

  • UnitControl
    • Avoid calling onChange callback twice when unit changes. (40796)
    • Show unit label when units prop has only one unit. (40784)
  • Gradient Tool: Fix closing of popover when the angle control is clicked. (40735)
  • Simpler clear button (40437)

Block Editor

  • Fix dragging in inspector causing block deselection. (40604)
  • [RichText]: Ignore selection changes on non contentEditable nodes. (40611)
  • [Writing Flow]: Try to fix multi-selection with shift+click. (40687)
  • Fix the styles compatibility hook for the editor iframes. (40842)

Patterns

  • Fix core ‘Featured’ pattern categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. registration. (40650)
  • Fix: Page patterns don’t show when only one pattern is available. (40707)

Block Locking

  • Avoid ‘lock’ attribute registration warning. (40654)
  • Register the ‘lock’ attribute on the server. (40468)

Code Editor

  • Commit changes upon switching editors to avoid content loss. (40730)

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

  • Fix Nav Sidebar Site Editor error. (40722)
  • Close overlay menu when clicking an anchor link. (39625)

Icons

  • Fix/block meta icon prop errors. (40710)
  • Fix the Icon component mobile icon. (40748)

Global Styles

  • Element styles: Prevent the WordPress 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. callback from being executed. (40594)
  • Global Styles Sidebar: Fix nav header styles and semantics. (40592)
  • Global Styles Sidebar: Tweak spacing. (40588)

Data Layer

  • useSelect: Prevent nested component update after unmount. (40677)
  • core-data: Change “include” type in getQueryParts. (40570)

Themes

  • Theme Export: Bug: Add .DS_Store to the list of ignored files. (40539)

Reusable Blocks

  • Fix template part / reusable block click through on non-safari browsers. (40339)

Block API

  • Check that a transform matches at the time of running the transform. (40497)

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

  • Improve tools panel accessibility. (40716)

Block Editor

  • URLInput now always has an ID and accessible label. (40310)

Block Library

  • Post Comments block: Fix missing label in placeholder. (40527)

Performance

Block Editor

  • getBlockTransformItems: Support single block object. (40718)

Block Library

  • Navigation Link: Avoid unnecessary re-renders. (40696)
  • Navigation: Improve selector performance. (40700)

Experiments

CSSCSS Cascading Style Sheets. & Styling

  • Style Engine: Add typography and color to backend. (40332)

Documentation

  • Docs: Omit name from settings object in registerPlugin. (40629)
  • Docs: Update the Block Metadata title. (40482)
  • Fix ColorPalette component’s documentation. (40620)
  • Fix indentation inconsistency in documentation for block variations. (40515)
  • Fix broken links. (40578)

Components

  • Add TypeScript refactor guidelines. (40153)
  • InputControl: Remove default value argument from Storybook. (40410)
  • Components: Fix error in CONTRIBUTING guide. (40682)
  • Components: Update changelog for #40735. (40797)
  • Fix/typos in documentation. (40579)

Themes

  • Adding schema info to 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. reference. (40599)

Code Quality

  • Block Editor: Deprecate ‘BlockColorsStyleSelector’ component. (40502)
  • Global Styles Sidebar: Rename NavigationButton so semantics are clearer. (40590)
  • Handle promise rejections from preferences persistence if the user is offline or the 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/. errors. (40641)
  • Improve the useDisabled hook and Disabled component. (40631)
  • Preferences persistence – mark modified property as not readonly in schema. (40637)
  • Preferences: Improve initial configuration for the new persistence package. (40715)
  • Remove padding prop from popover. (40544)

Components

  • Add DatePicker tests using ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. Testing Library. (40754)
  • Borders: Remove unused BorderStyleControl component. (40635)
  • Migrate ConfirmDialog component’s Stories from knobs to controls. (40164)
  • SelectControl: Finish typescript migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.. (40737)
  • [components] Use internal Icon component for ToggleGroupControlOptionIcon. (40717)
  • TextControl: Covert component to TypeScript. (40633)

Block Library

  • Comments Query Loop block: Rename to Comments (but keep ID). (40763)
  • Post Comments Form Block: Mark as stable. (40452)
  • Remove Navigation Area block. (40645)
  • Remove testid and update tests. (40534)
  • Refactor: Reuse code of the editor placeholder across Post Comments and Post Comments Form. (40560)

Data Layer

  • useSelect: Improve transition from async to sync mode. (40680)

List View

  • Rename list view prop expandNested to isExpanded. (40731)
  • Tidy list view props and deprecate BlockNavigationDropdown. (40777)

Post Editor

  • Edit Post: Remove unused code. (40499)

Plugin

  • Remove experimental PWA support for WP-Adminadmin (and super admin). (40475)

Tools

  • Remove @mkaz from CODEOWNERS 😢. (40685)
  • Scripts: Add --dist-tag flag to the packages-update command. (40514)
  • Scripts: Remove broken lint-md-js command. (40511)
  • Scripts: Remove deprecated format-js command. (40512)
  • Update oandregal notifications. (40549)
  • Update native mobile wrangler in rich-text CODEOWNER. (40783)
  • Export hydrate in @wordpress/element. (40723)

Storybook

  • Storybook: Make description-loader more reliable. (40616)

Testing

  • Comment Template 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.: Cover odd/even classes. (40471)
  • Comments block end-to-end test: Remove now-obsolete Post Comments Form block. (40793)
  • Migrate Image Size to Playwright. (40467)
  • Migrate paragraph test to Playwright. (40779)
  • Refactor image-size test to follow Playwright’s best practices. (40644)
  • Remove require editor 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. line from full-content test setup. (40772)
  • Tests: Restore real timers after using Jest’s fake timers. (40760)
  • Update @testing-library/user-event to stable version (14.1.1). (40761)
  • [Automated Testing]: Fix partial selection copy flaky tests. (40607)
  • Retain Playwright end-to-end test’s trace on failure on CI. (40586)
  • Rewrite UnitControl tests in TypeScript. (40697)
  • Fix batchRest not throwing errors in Playwright. (40668)
  • Fix replacing with undefined in stripAnsi. (40384)
  • Nav link block PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher tests replace prefixed function with non-prefixed. (40657)
  • Fix the htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. data is wrong in clipboard emulation in Playwright. (40638)
  • Fix incorrect results in the flaky tests reporter. (40567)

Build Tooling

  • Eslint: Add TypeScript tests and stories to development files. (40504)
  • Fix: npm script(dev:Package) is not working on Windows. (40566)
  • ESLint Plugin: Fix recommended preset when prettier is not installed. (40634)

Performance Benchmark

The following benchmark compares performance for a particularly sizable post over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Post Editor

VersionTime to first blockKeyPress Event
Gutenberg 13.26.51s49.36ms
Gutenberg 13.15.74s44.41ms
WordPress 5.95.67s45.38ms

Site Editor

VersionTime to first blockKeyPress Event
Gutenberg 13.26.49s65.55ms
Gutenberg 13.16.61s75.92ms
WordPress 5.95.59s41.42ms

Kudos to all 58 contributors that participated in the release! 👏

Thanks to @priethor for his contributions and improvements to this draft, and @fcoveram for the visual assets.

#gutenberg, #gutenberg-new

Editor chat summary: Wednesday, 27 April 2022

This post summarizes the latest weekly Editor meeting (agenda, slack transcript), held in the #core-editor 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/. channel, on Wednesday, April 27 2022, 04:00 PM GMT+1

General Updates

Brian Alexander had a few suggestions in his post Help Test WordPress 6.0

Async key project updates

We used to exchange key project updates synchronously during the chat. However, many of the key 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/ projects sustain a regular cadence of updates on their tracking issues on GithubGitHub GitHub is a website that offers online implementation of git repositories that can 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 be the repository owner. https://github.com/.

The attendees are encouraged to read the latest updates directly from the following tracking issues at everyone’s leisure:

Task Coordination

@mamaduka

@ndiego

  • If you create an issue or PR that fixes a 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. related to the 6.0 release, please ensure it is added to the 6.0 Project Board. That is the best way to make sure we do not miss anything. Thanks!

Note: Anyone reading this summary outside the meeting, please drop a comment in the post summary, if you can/want to help with something.

Open Floor

@get_dave

I’ve got a PR which promotes __experimentalFetchLinkSuggestions to non-experimental API.
It will now be fetchLinkSuggestions. As this 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. has been around in experimental form for a number of years, renaming it could cause 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. in 3rd party Plugins. Therefore, I want to raise awareness of the change well in advance

As a general rule ‘__experimental*’ APIs are undocumented, not maintained, can change at any time and are not backwards compatible.
@fabiankaegy commented: “In an ideal world I would love it if the __experimental API’s need to be stabilized before shipping in WordPress CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress..”
@get_dave noted: “We have a lot of experimental stuff now. Needs to be whittled down.”

Side note: Discussion on how to approach reducing experimental and unstable APIs on the Gutenberg development has started on GitHub

@diego

“We are running Core Editor bug scrubs on Tuesdays at 14 UTC. This was started recently to prepare for the 6.0 release. What does everyone think about making this a standard thing moving forward, even after the release? We have thousands of issues and having a dedicated time each week to start wading through them as a team, I think, would be beneficial. Just trying to get some initial feedback on this idea.”

This was received with excitement. Nick will conceptualize it and prepare a Make Core post for public comment and to raise awareness.

@priethor

“I just wanted to take the opportunity to celebrate @Tomasz has become part of the Gutenberg contributor team. It’s always great to see new folks joining our efforts!”

@mamaduka

I wanted to mention this report about the Site Editor “freezing” for some users. It needs more testing and a way, we can constantly reproduce the problem.

@tomaszwp

“A while ago I shared some questions about contributing to core  Search 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. extensibility and shared the first proposal and PR (with some questions) that adds the ability to extend the search block with custom query vars.  Would love some feedback there to the proposed take.”

Props to @paaljoachim for his review 👏

Read the complete transcript

#core-editor-summary, #editor, #gutenberg, #meeting-notes, #summary

What’s new in Gutenberg 13.1? (27 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 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, discovering new features included in each release. As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project.


Gutenberg 13.1 brings border support to the Columns blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience., a number of improvements to the Comments blocks, along with a range 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) enhancements.

Table of Contents

Customize any border of the Columns block

The block supports and the global styles border panel have been updated to leverage the new BorderBoxControl component which allows the specifying of custom borders per side. This means you can have each border be exactly the same or completely unique.

This new block support has also been added to the Columns block to allow custom borders to be set for each side of a column.

Individual border settings can also be specified 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. files:

"core/column": {
		"border": {
			"right": {
				"color": "red",
				"style": "dashed",
				"width": "2px"
			}
		}
	}

Accessibility improvements

A number of accessibility improvements are included in this release that resolve focus loss problems when installing blocks from the directory, creating pages from the link control search results, navigating the guide component, closing the welcome dialogue without any content in the post editor, and after choosing a menu in the navigation block.

Comment block improvements

Gutenberg 13.1 brings a number of improvements to the new Comments block. Most notably, the new Comments Title block enables richer compositions, especially with nested comments!

In efforts to stabilize these blocks for the upcoming WordPress 6.0, several bugs have been fixed. 🐛

Other notable highlights

Duotone keeps iterating, and now renders in the Site Editor when applied through theme.json. Speaking of duotone; check out the new duotone toolbar icon, a two-colored triangle that should better convey the button’s purpose when a duotone 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. hasn’t yet been set. Once a filter has been selected, the original logo will appear to convey a change:

Before Gutenberg 13.1, the Categories block’s default behavior with empty categories was to hide them. Starting with this release, the block provides a new setting to customize this behavior and decide whether to show empty categories or not.

Props to new contributors

Kudos to the first-time contributors that joined during the last release cycle!

  • @chintu51: OnNumberOfItemsChange event attribute issue. (39942)
  • @khoipro: Scripts: Exclude BEM class from stylelint wordpress/scripts. (37531)
  • @mauriac: Add new option to show or hide empty categories. (39426)
  • @roseg43: Media & Text: Remove font size declaration from template. (40329)
  • @zutigrm: Update theme.json documentation for theme authors. (40005)

If you are interested in contributing but do not know where to start, join the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Editor weekly meetings on Wednesdays at 14:00 UTC in #core-editor focused on all things Gutenberg.

Changelog

Enhancements

  • Block Editor: Removed the logic that was preventing the toolbar from hiding when typing within formats. (40476)
  • Block settings: Remove redundant block name from “settings” panels. (40275)
  • Components: Unified black color to gray-900. (40391)
  • Design Tools, Borders: Use new border control components in block support. (37770)
  • Document Setting: Removed 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 icon fallback. (40355)
  • Icons: Added new duotone filter icon. (40435)

Block Library

  • Categories: Added new option to show or hide empty categories. (39426)
  • Column: Add border support to column blocks. (39967)
  • Comments: Create comments title with simple styling. (40419)
  • Media & Text: Removed font size declaration from template. (40329)
  • Navigation: Renamed Navigation Menus to Navigation. (40413)

Bug Fixes

  • Patterns 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 ‘inserter’ to the schema. (40416)
  • Toolbar: Fixed block toolbar text button padding. (40438)

Block Library

  • Post 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.: Used translatable post type label. (40378)
  • Comments:
    • Comment template: Call comment_class() before recursing into child comments. (40455)
    • Fixed comments 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. pagination not respecting Discussion Settings. (40284)
    • Fixed comments no results placeholder not appearing. (40234)
    • Post Comments Form: Fix layout quirks. (40359)
  • Embed:
    • Fixed inline preview cut-off when editing URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. (35326)
    • Use preview htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. for flickr embed previews in editor. (40187)
  • Image: Added window to the optional chaining. (40394)

Styles

  • Add a debounce to the custom color onChange event. (40285)
  • Do not render global styles coming from the server in the site editor. (40185)
  • Elements: Add styles to the footer before the block is rendered. (37728)
  • Fixed duotone rendering in site editor. (37727)

Site Editor

  • Don’t render the secondary 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. in text mode. (40337)
  • Fixed webfont loading in the Site Editor. (40262)

Block Editor

  • Block Locking, useBlockLock: Always check inherited ‘templateLock’ status. (40263)
  • i18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill.: Fix incorrect ‘_n’ usage. (40292)
  • List View, useBlockDisplayInformation: Return anchor for block variations in list view. (40458)
  • Multi-selection: Copy whole block when selection is collapsed. (40374)

Accessibility

  • Post editing: After closing welcome dialog, if content is empty, focus title field. (40195)
  • Fixed focus loss happening when installing blocks from the directory. (40340)
  • Fixed focus loss when creating pages from link control search results. (40342)
  • Fixed focus loss when navigating the guide component. (40324)
  • Navigation block: After choosing an option from Select Menu, focus after block rerender. (40390)
  • Block Styles: Remove unnecessary button role and ‘onKeyDown’ handler. (40427)

Performance

  • Added a context param to sidebar entity request. (40148)

Developer Experience

  • [wp-env]: Add support to override core by the WP_ENV_CORE environment variable. (40407)
  • Create Block: Fix warnings and errors reported during scaffolding and validation. (40479)

Documentation

  • Added README for Gradient and NavigableToolbar. (25580)
  • Added documentation for ancestor property in block metadata. (40027)
  • Fixed OnNumberOfItemsChange event docs error. (39942)
  • InputControl: Improved type annotations and stories. (40119)
  • Patterns: Documented ‘inserter’ argument. (40425)
  • Removed WordPress 5.9 specific warning from FSE documentation. (40274)
  • Replaced fixtures with inline parsed code. (40428)
  • Updated individual block locking section. (40372)
  • Updates theme.json documentation for theme authors. (40005)
  • Unwrapped wrapped selectors when inferring types of JSDoc params. (40236)

Code Quality

Block Library

  • Navigation: Remove async useEffect. (40373)
  • HTML: Remove pointless <span>s in Custom HTML block controls. (39820)
  • Comments Query Loop: comment 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. data isn’t queued for lazy loading. (40242)
  • Split navigation block view script. (40135)
  • Spacer: Added constants file to Spacer block. (40446)

Components

  • Stop exporting individual color objects from color values file. (40387)
  • Added reusable BlockPopover and BlockPopoverInbetween components. (40441)
  • Cleaned BlockMover component and styles. (40379)

Packages

  • Block Editor: Remove unused sub-components in list view. (40448)
  • Data: Cancel render queue in a more straightforward way. (40433)

Plugin

  • Added edit context to patterns REST controllers. (40259)
  • Add @talldan as a codeowner for wordpress/preferences. (40295)
  • Cleaned up non-dynamic block registration list. (40426)
  • Moved list and quote block registration to experimental blocks. (40350)
  • Moved the logic for iframed editor to WP 6.0 compat. (40278)
  • Post WordPress 6.0 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. 1 cleanup. (40349)
  • Rename wp_translate_settings_using_i18n_schema to translate_settings_using_i18n_schema. (40227)

Tools

Testing

  • Playwright migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies.:
    • Fixed outdated playwright snapshot directory. (40422)
    • Tried to fix flaky playwright tests not being reported. (40290)
    • E2E: Cross-platform support for Playwright end-to-end tests. (39765)
    • Migrate post-editor-template-mode to Playwright. (40175)
    • Migrate block api test to Playwright. (40217)
    • Migrate document settings test to playwright. (40258)
    • Migrate style variation test to Playwright. (40216)
  • Quote: Verify that user can type right after inserting the quote block. (40466)
  • useSelect:
    • Add async mode test suite and fix two bugs. (40321)
    • Update unit tests to testing-library. (40229)
  • Block supports: Unregister block in PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher unit tests. (40239)
  • CreateBlock: Fix escaping for error message in create block test. (40473)
  • Comments Query Loop: Add end-to-end comments tests to stable, wait for selector on set option. (40405)

Build Tooling

  • Added the missing class-wp-style-engine-gutenberg.php in the plugin build. (40191)
  • Fixed commands containing dot-slashes in npm scripts. (39739)
  • Added new TypeScript project for unit tests. (39436)
  • Fixed the flaky template editor mode test. (40325)
  • Excluded BEM class from stylelint wordpress/scripts. (37531)

Performance Benchmark

The following benchmark compares performance for a particularly sizable post over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Post Editor

VersionTime to first blockKeyPress Event
Gutenberg 13.16.59s44.29ms
Gutenberg 13.05.97s46.37ms
WordPress 5.96.08s45.28ms

Site Editor

VersionTime to first blockKeyPress Event
Gutenberg 13.17.19s65.16ms
Gutenberg 13.06.57s61.75ms
WordPress 5.95.85s40.84ms

Kudos to all 42 contributors that participated in the release! 👏

Thanks to @priethor and @annezazu for all the contributions and improvements to this draft, and @critterverse for the visual assets.

#gutenberg, #gutenberg-new

Editor chat summary: Wednesday, 20 April 2022

This post summarizes the latest weekly Editor meeting (agenda, slack transcript), held in the #core-editor 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/. channel, on Wednesday, April 20 2022, 03:00 PM GMT+1

General Updates

Async key project updates

We used to exchange key project updates synchronously during the chat. However, many of the key 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/ projects sustain a regular cadence of updates on their tracking issues on GithubGitHub GitHub is a website that offers online implementation of git repositories that can 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 be the repository owner. https://github.com/.

This week we tried async updates. The attendees are encouraged to read the latest updates directly from the following tracking issues at everyone’s leisure:

Task Coordination

@fabiankaegy

Note: Anyone reading this summary outside of the meeting, please drop a comment in the post summary, if you can/want to help with something.

Open Floor

@zieladam

Announced that there is a new Pull Request template that got introduced lately, it follows the What? Why? How? format. In today’s discussion, some feedback to that template was surfaced, such as:

  • What? Why? How? may read abrupt
  • Achieving additional clarity seems easy
  • More discussion would make for a great next iteration

And so I opened this issue to iterate on the template: https://github.com/WordPress/gutenberg/issues/40470

@mamaduka

Raised that he wants to propose removing the Reusable 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. edit locking feature from WP 6.0. He commented summary of the recent discussion in the tracking issue – https://github.com/WordPress/gutenberg/issues/29864#issuecomment-1103592492.

@nickdiego

Raised that if anyone had PRs/Issues that are related to WordPress 6.0, please make sure they are added to the 6.0 Project Board. This is the first place we are looking when triaging issues and we don’t want to inadvertently miss anything.

@Yann

Raised that after watching the 6.0 Product Walk-Through, he didn’t find the following blocks in WordPress 6.0 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. 2:

  • Post Author Name
  • Post Comments Count
  • Post Comments Form
  • Post Comments Link

With WP 6.0 Beta 2, it’s not possible to build a comment section as there is no Post Comments Form, and the Post Comments block has been deprecated. Will they be included in WordPress 6.0?

@joyously

Raised that they were trying to test #45021, they got this jarring click ignore. I suppose that’s not a Media issue though, is it? They wanted to figure out whether it was already an issue, that the click is being ignored?

Read the complete transcript

#core-editor-summary, #editor, #gutenberg, #meeting-notes, #summary