WordPress 5.5 Core Editor Accessibility Improvements

In an effort to better communicate the specifics of what’s coming to the editor in WordPress 5.5, this post is meant to list the various 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) improvements shipping with this upcoming releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. on August 11th. Going forward, the “What’s Next in Gutenberg” posts will have clearer accessibility-related callouts to makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). it easier to follow relevant issues more regularly. The work to improve WordPress is never finished, and with more releases will come more improvements, but it’s encouraging to see progress in so many areas. 

Thanks to everyone who worked hard to get these improvements in place in time for 5.5! 

In most sections, explorations are shared of specific high impact improvements. Please view individual issues for more details. 

New Editor Design

WordPress 5.5 brings numerous changes to the look and feel of the editor, informed by the goal of reducing complexity by simplifying iconography, color palette, focus, and general interface. As more features are added 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, a simpler and clearer design allows the interface to scale more gracefully. Examples include: the effort to create a single toolbar to have fewer tab stops, work done to make the single primary toolbar bigger (more tappable with a larger touch area), and higher contrast. Some changes, such as removing borders around selected blocks, have inspired spirited debates, and it’s been great to see so many people involved. As always, discussion, iteration, and collaboration are our best tools for moving forward together.

Keyboard Navigation Improvements

Below is a screenshot highlighting the new keyboard option mentioned above that can be found in “More tools & options > Options” modal. Checking it will stop arrow keys from navigating between blocks in edit mode. You can also programmatically auto-enable it with this code snippet: 

if ( 
  ! wp.data
      .select(‘core/edit-post’)
      .isFeatureActive(‘keepCaretInsideBlock’) 
) {
  wp.data
    .dispatch( ‘core/edit-post’ )
    .toggleFeature( ‘keepCaretInsideBlock’ );
}
Screenshot showing the “More tools & options > Options” modal where the new option lives.

The following video shows a walk-through of arrow navigation between nesting levels while in Navigation Mode mentioned in the above section: 

Video showing a walk-through of arrow navigation between nesting levels.

Screen Reader Improvements

Focus Improvements

The following video demonstrates the roving tabindex across block toolbars. Of note, the APIs to achieve this improvement in wordpress/components are listed as experimental for now and should ship in 5.6 so third-party developers can use them as well.

Video showing the roving tabindex across block toolbars.

If you’re interested in improving accessibility in the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. editor, check out the accessibility team, review the current open issues related to accessibility, provide accessibility feedback on issues, and help test 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/.

#5-5, #accessibility, #core-editor

Editor chat Summary: 5th August, 2020

This post summarizes the latest weekly Editor meeting (agendaslack transcript). This meeting was held in the #coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-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, August 5, 2020, 08:00 AM MDT and was moderated by @annezazu.

WordPress 5.5 RC 2

WordPress 5.5 RC 2 is now available with WordPress 5.5 is slated for releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. on August 11th, 2020.  Remember to help translate, test, and report bugs — all lovely and helpful ways to contribute. On a related note, you can follow along with WordPress 5.5 “Must Haves” for Gutenberg on this board although there’s not much left.

If you like to look ahead, check out this “What’s on your wishlist?” post for planning 5.6 and share your thoughts by August 20, 2020. 

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/ version 8.7

Gutenberg 8.7.0 was released last week. Update your sites and check out what’s new. Thanks to everyone who helped with this release.

Monthly Plan

Here’s the overarching plan for August. With efforts around 5.5 winding down, this opens up work to return to areas like Global Styles, Editor focused APIs, 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. Screen, Full Site Editing, and continued work on the Navigation screen & 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.. Details are in the post!

Task Coordination

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.  Remember: don’t just focus on code contributions!

@ntsekouras

  • Fixed block insertion place after clicking Browse All in the inline inserter.
  • Completed some 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) fixes (fix block movers overlapping, Add arrow navigation to Warning dropdown menu.)
  • Polishing refactor embed block to be a single block (with block.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.) and block variations.  

@zebulan

  • Working on some enhancements to the InnerBlocks 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. including currently trying to rewrite a PR to use the callback API suggested here. Could definitely use some help getting it to work.
  • Keeping various other PRs up-to-date. Most of them are simply awaiting design/technical reviews.

@paaljoachim

  • Helping triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. Gutenberg Design issues.
  • Giving feedback to various issues.
  • Attended and recorded @itsjonoq’s very cool Zoom jam session.

@annezazu

  • Shipped the what’s next in Gutenberg post for August.
  • Helped with WordPress 5.5 Q&As.
  • Focused on needs-testing for triage.

@youknowriad

  • Working on 5.5 and Gutenberg fixes, backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. releases.
  • Started working a little bit on the Block API supports flags and planning to expand the work to Global Styles.

@andraganescu

@itsjonq

  • Continued experimentation + research in the area of the Editor Interface and component layer. This is in support of Design Tools and the efforts of refreshing the editor experience. It’s materialized into a component library with a focus of design/developer experience (working with or using the parts). There’s also the goal of having core/system level a11y support, including visual considerations (dark mode, high contrast, color blindness, reduced motion).
  • Shared this work with a couple of folks on a hallway hangout Zoom call (more to come!) and wrote a follow-up Github post here. It’s worth noting that this is highly experimental!

Open Floor & Ways to Help

Throughout this core editor chat, there was a theme of people highlighting and wanting help with various issues. As a result, the structure of this summary is being adjusted to fit the content. Remember: teamwork makes the dream work ❤️

Give feedback on this new navigation overview issue. Raised by @andraganescu.

It proposes a path forward for a few things, including:

  • How the blocks in navigation feature will work
  • How backwards compatibility will be handled
  • How rendering of this feature will function

Review PRs on Block toolbar: split switcher from mover and simplify styles issue and Document settings: Split “Status & visibility into multiple sidebar panels. Raised by @zebulan.

Both of these issues address things that the a11y team would really like to see makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). it into core.

[Completed] Review this PR on setting an error state when there is an upload error. Raised by @kirilzh.

@itsjonq already reviewed this PR and it’s been merged since the meeting took place. Great job, everyone.

Give feedback on the approach taken in this PR on showing sibling inserter on hover. Raised by @kirilzh.

In particular, right now @kirilzh is feeling stuck trying to handle blocks with nested blocks in them. Any guidance anyone can give on general approach would be appreciated to help refine this PR.

Help review this open issue showing different behaviors for default category term with editors. Raised by @enricosorcinelli.

There was some discussion in slack about this particularly on the topic of where the root issue ultimately is: 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/. or block editor 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.. @timothyblynjacobs chimed in just after the meeting closed to clarify that the actual bug is that the REST API allows emptying that categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. in the first place. This now seems to be a question of general product decision: is it okay to have a post without categories? What’s the historical context here? If you have thoughts to share, please chime in on the thread.

#core-editor-summary

What’s new in Gutenberg (August 5)

WordPress 5.5 is around the corner and 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/ contributors have been busy fixing a number of important issues to makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). sure the editor on 5.5 is as stable as possible. Gutenberg 8.7 changelog reflects that with a number of fixes including important 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) ones.

At the same time, contributors are increasing the development pace on the next big projects. Global styles are being worked heavily on with the hope of shipping it by WordPress 5.6.

This releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. also saw a lot of improvements to the Post 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. suite that constitutes one of the important bricks for the Full Site Editing project.

8.7.0 🇹🇼

Enhancements

  • Make “Attempt Block Recovery” the default option of block invalidation. (24263)
  • Add a block example to the Buttons block. (24249)
  • Make the padding for the nav block inserter content the same for all sides. (24084)
  • Improve margin within the media replace popover. (24309)
  • Move “Convert to regular blocks” button to the reusable block toolbar. (24066)
  • Consistently autosave edits. (23962)
  • Use Post Type label for Document tab in Settings 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.. (17311)
  • Update the Group block description. (24297)
  • Remove bottom margin of components dropdown menu item. (24227)
  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Block Patterns improvements:
    • Adds “Heading and paragraph” pattern. (24143)
    • Updates “Large header and a paragraph” pattern. (24142)
    • Updates the “Large header” pattern. (24141)
    • Updates the “Quote” pattern. (24140)
    • Updates “Two images” pattern. (24139) (23856)
    • Updates “Three columns of text with buttons” pattern. (24138)
    • Updates “Three buttons” pattern. (24137)
    • Updates “Two buttons” pattern. (24136)
    • Updates ‘”wo columns of text” pattern. (24135)
    • Update “Two columns of text with images” pattern. (24134)
    • Update the “Large header and button” block pattern. (24177)
  • Block Directory: Use local assets with automatic asset detection. (24117)

New APIs

  • Add support for delete operations to @wordpress/core-data entities. (21557)
  • Add server-side handling for the block ‘align’ supports flag. (24122)
  • Add isDestructive style to Button. (22921)
  • wordpress/create-block: Enable loading translations for created blocks. (24125)

Bug Fixes

  • Fix htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. mode for non light blocks. (24335)
  • Fix block movers overlapping. (24349)
  • Fix List RichText backward compatibility for multiline root 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.). (24324)
  • Block patterns: Fix translatable strings. (24317)
  • Preserve the seconds when editing dates using the TimePicker component. (24305)
  • A11y:
    • Announce block selection changes manually on windows. (24299)
    • Fix arrow navigation in the LinkControl suggestions. (24222)
    • Avoid focus style from being cut on the categories panel. (24197)
    • Avoid focusing the block selection button on each render. (24195)
    • Avoid rendering the clipboard textarea inside the button. (24194)
    • Fix missing focus outline in Add New Tag. (24187)
    • Fix dropdown menu focus loss when using arrow keys with Safari and Voiceover. (24186)
    • Fix the gallery buttons focus style. (24157)
    • Update the editor landmark regions. (24196)
    • Mover control: Remove drag cursor. (23759)
  • Fix block insertion place after clicking Browse All in the inline inserter. (24285)
  • Fix last.fm svg icon alignment. (24278)
  • Cover: Fix padding controls showing null units. (24251)
  • Consistently show the default style variation if none provided. (24217)
  • Fix gradient RGBA/HSLA inputs’ width. (24214)
  • Popover: Fix arrow color to match content border color. (24208)
  • Fix dragging multiple blocks downwards resulted in blocks inserted in wrong position. (24183)
  • Fix Button block colors in the editor. (24153)
  • Fix the save shortcut in the code editor. (24151)
  • Fix PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 notices when a block hasn’t declared ‘supports’. (24131)
  • Fix Block Directory icons. (24086)
  • Block Breadcrumb: Fix arrow direction in RTL. (24074)
  • 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 missing plural forms for block related strings. (24071)
    • Merge similar translationtranslation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. strings in the RSS block. (24159)
    • Merge similar translation strings – tables. (24169)
  • useBlockSync: Fix race condition when onChange callback changes. (24012)
  • Allow enter to insert line breaks even if template is locked. (23330)

Experiments

  • Full Site Editing and Site editor:
    • Add alignment support to post content block. (24014) (24077)
    • Post Title Block: Add style attributes. (24246)
    • Remove more initial PHP state. (23775)
    • Template Part: Improve title editing interactions. (23661)
    • Update the Post author, 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. and Comment blocks to use lightBlockWrapper. (24253)
    • Query blocks: Support wide alignments in the editor. (24229)
    • Post Comments Block: add block alignment support. (24226)
    • Post Excerpt block: Added icon and description to Post Excerpt block. (24203)
    • Post Date block: Added Post Date icon and updated block with icon and desc. (24178) (24225)
    • Post Author block: Added a description. (24171)
    • Post Comments Counts: Add style attributes. (24167)
    • Post Comments Form: Add style attributes. (24162)
    • Post Author and Post Excerpt: change editor selector class. (24104)
    • Post Comments block: add style supports for text and background settings. (24080)
    • Post excerpt block: Add color, fontSize, lineHeight, and text alignment. (23945)
    • Add Post Tags block description and icon. (23496)
    • Add a description to the Post Title block. (23494)
    • Update Post Author block to use __experimentalColor and __experimentalLineHeight. (23044)
  • Global styles:
    • Fix link color style property name in global styles. (24296)
    • Fix merge algorithm. (24294)
  • Navigation Block and screen:
    • Fix Navigation Block submenu being overlapped by Cover block overlay. (24062)
  • APIs:
    • Add initial support for themes to control the editor. (24275)
    • Prefix useSimulatedMediaQuery __experimental. (24279)
    • URLInput Customizable control rendering. (24115)

Documentation

  • Update Gutenberg FAQ with more recent information. (24202)
  • Clarify custom link color documentation for themes. (24056)
  • Add a link to the WordPress Data guide. (24327)
  • Document the new block tools theme support and core block patterns. (24265)
  • Replace the demo link of the Gutenberg Storybook in the documentation. (24212)
  • Docs: Update default values for Popover props ‘noArrow’ and ‘position’. (24207)
  • Added missing documentation link for contributor handbook. (24179)
  • Docs: Convert Block Registration RFC to the Block Metadata document. (23832)
  • Typos and tweaks: (23899) (24057) (24033) (24211) (24100)

Code Quality

  • Improve rootClientId comparison in useBlockDropZone. (24307)
  • Clarify wp.blocks.createBlock error message. (24287)
  • Convert blocks to function component with 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.:
    • BlockInvalidWarning. (24284)
    • ReusableBlockConvertButton. (24015)
  • Add missing prop to WPBlockVariation type definition. (24110)
  • Remove deprecated blockType.context support. (24155)
  • Wrap LinkControlSearchInput in forwardRef. (24119)

Build Tooling

  • Perf Tests: Set up 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". only once for all test suites. (24123)
  • Revert “Build: Use .min.js suffix for bundled JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.”. (24239)
  • Add a GitGit Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. Most modern plugin and theme development is being done with this version control system. https://git-scm.com/. Diff to the output of the static checks job on failure. (24154)

Various

  • Fix intermittent Navigation block test failure. (24146)

Performance Benchmark

The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Version Loading Time KeyPress Event (typing)
Gutenberg 8.7 6.97 s 26.63 ms
Gutenberg 8.6 6.84 s 27.15 ms
WordPress 5.4 9.55 s 43.81 ms

Kudos for all the contributors that helped with the release. 👏

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

Editor chat summary: Wednesday, 29 July 2020

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, July 29, 2020, 14:00 UTC.

WordPress 5.5 RC 1

The first release candidate for WordPress 5.5 is now available. This is an important milestone in the community’s progress toward the final releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. of WordPress.

Thank you to all of the contributors who tested 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. releases and gave feedback. Testing for bugs is a critical part of polishing every release and a great way to contribute to WordPress.

Project Board For WordPress 5.5

The remaining issues are located in the Project board.

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

Gutenberg 8.6 was relased on 22nd July.

Monthly Plan

What is next in Gutenberg for July.

Task Coordination

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.

@annezazu

@ntsekouras

Refactor embed 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. to be a single block ( with block.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. ) and block variations. (https://github.com/WordPress/gutenberg/pull/24090)

@sageshilling

Working on coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. media block editor proposal

@shaunandrews

Design work continues for the new editor sidebar

@mapk

@itsjusteileen

Testing in FSE. Moving to a new machine and will need to give @paaljoachim, @mkaz, and @Noah Allen dev environment tutorial a run on setting up from scratch for testing Gutenberg.

@nrqsnchz

  • Merged the last remaining PRs for Block Patterns and tested across Core default themes.
  • Been helping with testing and feedback on various 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)-related issues

@mcsf

  • WP5.5: Review fix/backportbackport A port is when code from one branch (or trunk) is merged into another branch or trunk. Some changes in WordPress point releases are the result of backporting code from trunk to the release branch. PRs, review/help with dev notesdev note Each important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include: a description of the change; the decision that led to this change 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.
  • Review many PRs or comment in issues
  • Try to improve Docker performance on macOS (24001)
  • Support some other contributors at an individual level

@andraganescu

@michael-arestad

I’m working on a flow for creating a template from scratch – Currently, I’m  exploring “designing” a layout via document-level grid. I’m also planning a jam session or two next week. 

@zieladam

  • Focused on in-toolbar link editing (#24021)
  • Investigating the way forward for the widgets editor
  • Working on fixing e2e tests on the AutosaveMonitor fix in #23962

@itsjonq

  • Continuing with Design Tools Efforts (in general)
  • Focus lately has been advancing @wordpress/components in the spirit of the new “G2” designs. Approaching it systematically from foundations (much needed IMO) rather than applying tweaks on top.

@zeb

  • Got a PR merged that moves the reusable block’s “Convert to regular blocks” button to the block toolbar! https://github.com/WordPress/gutenberg/pull/24066
  • A few days ago I created a PR to implement an `itemWrapper` prop for `InnerBlocks` that allows child blocks to each be wrapped with a given element. It’s a rather significant change and there may be better ways of implementing it, so any technical feedback and ideas are much appreciated! https://github.com/WordPress/gutenberg/pull/24232

@isabel_brison

  • I’m working on adding labels to the editor icon buttons (10524 and 15311). I’ve done an initial PR to add an option to show labels, but it only affects the post editor for now. I think we’re going to need this functionality in the site editor too, and am wondering what would be the best way of having a setting that works across both editors. Thoughts welcome!

Open Floor

Patterns and WordPress 5.5

@joyously asked about the pattern, are they part of GB or part of WP? The reason is that the images are stored on .org, and the text goes through .org translations. @youknowriad clarified that Patterns live in Core codebase and the images are hosted in wp.org like the block examples.

Cherry picking from Gutenberg 8.7 for WordPress 5.5

@jeffpaul asked are there any bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes and performance improvements that are planned to be cherry-picked from Gutenberg 8.7 to merge into WordPress 5.5? To prepare WordPress 5.5 Field GuideField guide The field guide is a type of blogpost published on Make/Core during the release candidate phase of the WordPress release cycle. The field guide generally lists all the dev notes published during the beta cycle. This guide is linked in the about page of the corresponding version of WordPress, in the release post and in the HelpHub version page.. @youknowriad mentioned that the potential addition fixes might not be worth mentioning.

Documentation “Keeping up with gutenberg” Index

@annezazu shared about a new page in the core handbook called “Keeping up with Gutenberg”. It’s an index of Gutenberg related posts from various Makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). blogs to make it easier to follow development. Feedback is very welcome to improve it. Props to @bph and @williampatton who led these efforts. @swissspidy raised if there is a way we can somehow automate that list of posts? as currently its manually curated and seems tedious to maintain.

Galleries as composed image block

@andraganescu raised @Zeb added https://github.com/WordPress/gutenberg/pull/24232 and @noisysocks raised the PR for discussion here as it affects some implementations that count on InnerBlocks including the blocks in navigation feature and the implementation of galleries as composed image blocks

Some discussion around wrapper for the inner block but no decision. Further discussion to continue on the PR for introducing prop to specify the wrapper

Missing post update action

@paaljoachim highlighted the issue of missing “Update post” action when there’s an autosave.

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

Editor Chat Agenda: 5 August, 2020

Facilitator and notetaker: @annezazu

This is the agenda for the weekly editor chat scheduled for 2020-08-05 14:00 UTC

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

Even if you can’t makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the meeting, you’re encouraged to share anything relevant for the discussion:

  • If you have anything to share for the Task Coordination section, please leave it as a comment on this post.
  • If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda, #core-editor, #core-editor-agenda

What’s next in Gutenberg? (August)

This is a monthly update containing the high-level items that 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/ contributors are focusing on for August. Please join us in our efforts and let us know in the comments if anything is blocking you from doing so. 

How to follow along with Gutenberg: 

As a reminder, here’s an overview of different ways to keep up with Gutenberg and the Full Site Editing project. Tied to this, there’s a new page courtesy of @bph, @williampatton, and myself that provides an index of Gutenberg related posts across various Makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). blogs. 

Addressing WordPress 5.5 feedback

WordPress 5.5 is set to be released on August 11th and any efforts spent here will be focused only on addressing critical regressions that might come up with this releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.. Ideally though, this won’t be an area that needs great attention for this month’s work.  

Follow along:

You can follow the remaining items for 5.5 here.

Global Styles & Editor focused APIs

As a reminder, Global Styles refers to the system that defines and manages global aesthetics allowing overall site styles, theme styles, and blocks to work well together. Last month, this was a smaller focus but, with 5.5 shipping in August, more time will be spent building out the Global Styles system and editor focused APIs. Some of this work will include the following:

Follow along:

You can follow the progress for this overall system in this overview issue. For more recent and immediate next steps, you can follow this issue describing the current state of work. 

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

As part of expanding 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 to other screens in the adminadmin (and super admin), work slowly but surely continues to improve the widget screen as part of a wider effort to add more block enabled sections to the WordPress experience. You can find initial ideas for what this might look like in this issue. Work will include the following: 

Follow along:

You can follow the progress of this focus by reviewing issues with the [Feature] Widgets label.

Full Site Editing

Work on this major focus for phase 2 is ongoing and is expected to continue iterating over the next months. We’ve wrapped up the major work needed to build the technical foundation of this project and are now moving towards expanding the UX & UI:

We’re watching the Theme Experiments repo as well to see how themers are attempting to build block-based themes. Thank you to everyone participating there as it’s a super useful way for us to determine prioritization. 

Follow along:

The high level, important tasks have been split into sections and highlighted on this overview issue. If you’re interested in being a part of testing Full Site Editing, check out the experimental outreach program to learn more

Navigation Screen

As a reminder, those who have been working on a new, block-based, menus page (nav-menus.php) in wp-admin are running a weekly chat in #core to begin better syncing up efforts. The meeting happens in #core every Wednesday at 7AM UTC. These meetings will be focused on triaging issues in 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/ with the [Feature] Navigation screen or [Block] Navigation labels but are also open for discussing improving the navigation creation process in WordPress, increasing compatibility with Full Site Editing, and maintaining backward compatibility.

If this interests you, check out the following issues to join the discussion: 

Follow along:

You can follow the progress of this project on this project board, review the overview issues (Block Navigation, Navigation Screen) & join the weekly coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. chat.

Areas to be aware of:

Block & PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party Developers

The Block Directory is coming to WordPress 5.5 and to help get ready @tellyworth shared this post discussing proposed guidelines and the following resources:

The Gutenberg Times covered this new feature in a comprehensive article that includes historical information to help understand what this might unlock for the community. 

Theme Developers

@poena wrote an extensive block-based theme tutorial to help others get started with building their own.

Ways to Help:

While the above items are our focuses, don’t forget that you can always help with triage, needs testing issues, good first issues and reviewing PRs. If there’s anything we can do to make contributing easier, let us know in the comments or in #core-editor chats. While we can’t promise to fix everything, we’d appreciate being aware of any blockers.

#core-editor #gutenberg-next

Editor Chat Agenda: 29 July, 2020

Facilitator and notetaker @ajitbohra.

This is the agenda for the weekly editor chat scheduled for 2020-07-29 14:00 UTC.

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

Even if you can’t makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the meeting, you’re encouraged to share anything relevant for the discussion:

  • If you have anything to share for the Task Coordination section, please leave it as a comment on this post.
  • If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda, #core-editor, #core-editor-agenda

What’s new in Gutenberg (July 22)

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/ 8.6 has been released. Keeping with our July focuses, we’ve been working hard to get ready for WordPress 5.5 while continuing to ship various enhancements to continue to expand Gutenberg. In particular, this releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. focuses on local UIUI User interface improvements, performance improvements, and bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes. As part of this work, some of these fixes have made their way to WordPress 5.5 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. 3.

Cover blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. video position controls

The positioning of video backgrounds in the Cover block can now be adjusted. Previously, these positioning controls were available only to image backgrounds. The focal point picker and the input controls support cursor and keyboard interaction alike.

8.6 🇯🇲

Features

  • Cover Block: Add video position controls. (22531)
  • Block pattern updates: Large 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 paragraph, Large header, Text two columns, Three buttons, Two buttons, Quote. (23858) (23857) (23853) (23849) (23848) (23881)

Enhancements

  • Editor: Display Site Icon (if one is set) in full-screen mode. (22952)
  • Block Variations: Add support for finding variations using keywords. (24040)
  • Classic Block: Move the “convert to blocks” option from menu to own toolbar button. (23704)
  • 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): Use composite pattern to improve keyboard navigation on the inserter. (23610)
  • Date: Add timezone hint to post-scheduling UI. (23400)
  • Panel: Improve scroll view handling when expanding. (23327) (24046)

New APIs

  • Support disabling coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. block patterns. (24042)
  • Makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the line height and custom units theme support flags consistent and opt-in. (23964) (23904)
  • Image: Add the ability for a pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party to disable Image Editor. (23966)

Experiments

  • Site Editor:
    • Change references to section back to template part. (23765)
    • Post Date Block: Add style attributes and restructure the edit function. (23931)
    • Edit Site: Integrate quick inserter. (23516)
  • Navigation screen and blocks:
    • Try: Customizable toolbar contents. (23613)
    • Navigation screen: Restore block movers for blocks with just one sibling. (23680)
    • Navigation screen: Add error boundary to experimental navigation screen. (23679)
    • Navigation screen: Show block appender by default. (23676)
    • Block Navigation: Use quick inserter. (23737)
    • Navigation screen: Add .editor-styles-wrapper. (23736)
  • Fix Inserter on the widgets screen. (24045)

Bug Fixes

  • Prevent JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. error when using arrow navigation in URLInput. (24047)
  • a11y: Persist tooltips on hover. (23959)
  • a11y: Components: Fix Toolbar arrow key navigation in RTL contexts. (24043)
  • a11y: RichText: Restore aria-multiline. (24041)
  • a11y: Fix Copy block button focus loss and try to remove the visually hidden textarea. (24022)
  • a11y: Fix radio control in Windows High Contrast mode. (23706)
  • Block Patterns: Override patterns that were registered by Core. (24004)
  • Fix block wrapper selector. (23991)
  • Fix block icon mouse-out gesture issue. (23980)
  • Fix components utils export for use-update-effect. (23969)
  • Fix blocks dropping to incorrect position in inner block lists. (23950)
  • RangeControl: Adapt slider color to color scheme. (23936)
    • (JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors.) Color Values: Rename brand to theme. Add fallback values. (24059)
  • Prevent content loss after refreshing an editor with unsaved auto-draft post. (23928)
  • Fix edited Classic block’s content deletion when switching to Code editor. (23927)
  • Fix drag and drop to empty block lists. (23923)
  • Fix drag and drop for aligned blocks. (23916)
  • Fix comment capitalization/punctuation. (23912)
  • Fix block merging 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.. (23901)
  • Inserter: Order quick inserter items by frecency. (23900)
  • Inserter: Set quick inserter content width to 100% on screens below 782px. (23896)
  • Autocomplete: Fix closing slash inserter with ESC. (23859)
  • Inserter: Hide inserter’s block preview when searching. (23827)
  • apiFetch: Fix fetch-all preloading. (23807)
  • Fix error triggered when a tab is removed from TabPanel component. (23784)
  • Fix block movers in navigator on experimental navigation page displaying horizontally. (23779)
  • Search: Fix attribute defaults. (23777)
  • Apply the reset mixin to the inserter panel. (23744)
  • SidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. controls: Add more space for German and other locales. (23738)
  • Block Library: Standardize post block placeholders. (23690)
    • 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.: Block Library: Translate post block placeholders. (23774)
  • Fix issue where block inserted in wrong place when selection is in nested block list, but root appender is used. (23668)
  • Fix an issue where dragging while the page has no scrollbar results in a console error. (23666)
  • Updated styling to match the post editor. (23525)
  • UnitControl: Fix internal unit parsing to handle incoming unit prop. (23521)
  • Table block: Fix focus loss in between row/column insertions. (23508)
  • Editor: Fix block highlight rendering after block is moved. (23425)
  • Inserter: Fix line to show again. (20792)
  • Button: Properly handle border radius reset. (23887)
  • Block Directory: Remove “contact adminadmin (and super admin)” messaging. (23948)

Performance

  • Optimize more selector calls. (23930)
  • Performance testing: Cover Site Editor loading time. (23842)
  • Avoid re-rendering the PostSavedState component on each change. (23829)
  • Small performance tweaks. (23825)
  • Env: Only perform expensive install work when required. (23809)
  • Env: Improve install performance. (23806)

Documentation

  • Expand and update block-based themes documentation page. (23750)
  • Docs/update button component props. (24013)
  • Docs: Update plugin FAQ with versions link. (24005)
  • Remove the experimental flag from the block patterns documentation. (23954)
  • Docs: Add links for Create a Block Tutorial. (23946)
  • Adds basic documentation for the ToolbarButton component. (23909)
  • Docs: Title and markdown formatting for table. (23850)
  • Update documentation contributors guide. (23840)
  • Create new page listing Gutenberg releases in each WordPress version. (23773)
  • Docs: Clarify the interactive mode for create-block. (23752)
  • Docs: Add a tutorial on how to create a block-based theme. (23732)
  • Docs: Move ESNext to JavaScript tutorial. (23725)
  • Docs: Move DevEnv to own section for documentation. (23593)
  • Added readme to matrix alignment toolbar. (23341)
  • Update nested-blocks-inner-blocks.md. (23935)
  • Update block-registration.md. (23933)
  • Link to theme-experiments repo in block-based theme documentation. (23748)

Code Quality

  • Refactor URLPopover to use ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. Hook. (23918)
  • Refactor Disabled component to use React 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.. (23917)
  • Refactor More block. (23758)
  • Remove navigation block styles. (23678)
  • Refactor MediaPlaceholder to function component. (23671)
  • Remove duplicate selectors. (23466)
  • Refactor Tag Cloud block to use React Hooks. (23426)
  • Convert PostSavedState to functional component. (23038)
  • Types: Improve project setup. (21581)
  • Refactor ReusableBlockEditPanel to use hooks (and add type info). (21181)
  • Updates text, buttons colors and labels. (23855)

Build Tooling

  • Env:
    • Allow wp-env to start without configuration. (23913)
    • Add support for different options in each environment. (22568)
  • Build: Use .min.js suffix for bundled JavaScript. (23926)
  • Try running the performance tests as a 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/ action. (23818)
  • Improve the performance tests setup. (23817)
  • Automation:
    • Limit tests to not run on documentation-only changes. (23834)
    • Add paths-ignore **.md for unit tests checks. (23845)
    • Switch workflows to use paths-ignore and **.md. (23843)
  • Fix action GitHub action workflow YAML syntax errors. (23844)

Various

  • Embeds: Remove unsupported core-embed/hulu block. (23984)
  • E2E: Remove duplicate blocks in setup file. (23981)
  • 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/.: Check for WP5.5 and skip registering routes. (23880)
  • LinkControl: Extract reusable parts. (23869)
  • Updates image size to match columns width. (23854)
  • InputControl: Add prefix prop. (23824)
  • Block Navigation: Change the visible labels for “Block navigation” to “List view”. (23796)
  • Site Tagline Block. (23788)
  • Image Editor: When editing, pass the edited image src. (23703)
  • Replace SEO settings nofollow toggle with rel text 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.. (23682)
  • Use global registry on the experimental navigation screen. (23675)
  • Env: Mark breaking change in changelog. (23776)
  • Cancel previous running workflows when a new commit is made. (23587)
  • Add title to image and video selection sheets. (23083)
  • Site Title: Add support settings for colors, fonts, and line height. (23007)
  • Add fix to make inputs of type email return true from isTextField. (21162)
  • Full Site Editing: Add a Site Logo block. (18811)

Performance Benchmark

The following benchmark compares performance for a particularly sizeable post (~36,000 words, ~1,000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience but is adequate for spotting variations in performance.

Version Loading Time KeyPress Event (typing)
Gutenberg 8.6 9.62 s 35.05 ms
Gutenberg 8.5 10.38 s 37.55 ms
WordPress 5.4 13.48 s 54.65 ms

Kudos for all the contributors that helped with the release. 👏

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

Editor Chat Agenda: 22 July, 2020

Facilitator @annezazu and notetaker @itsjusteileen.

This is the agenda for the weekly editor chat scheduled for 2020-07-22 14:00 UTC.

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

Even if you can’t makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the meeting, you’re encouraged to share anything relevant for the discussion:

  • If you have anything to share for the Task Coordination section, please leave it as a comment on this post.
  • If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda, #core-editor, #core-editor-agenda

Editor chat Summary: 15th July, 2020

This post summarizes the weekly editor chat meeting agenda here. Held on Wednesday, 15th July 2020 held in Slack. Moderated by @itsjusteileen.

WordPress 5.5 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

Beta 2 was released 14th July.

Project board for WordPress 5.5.

The remaining issues are located in the Project board.

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/ releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. 8.5

Gutenberg 8.5 was released 8th of July. This is the last 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 release that is going to be included entirely (without experimental features) in WordPress 5.5.

Monthly Priorities

What is next in Gutenberg for July.

Link to the first Navigation 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. chat

Back scroll to the first Navigation block Slack chat meeting

Task Coordination

@zebulan
I opened a PR to implement a solution to makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the Improve parent block selector button UI. Needs more feedback.
PR: More block: use an actual placeholder for input text.
PR: Heading block: add heading level checker needs a final code review.
PR: Polish Custom HTML block Needs design feedback and code review.
PR: Fix odd usage of transform-styles wrap function (and tighten types) and
Block Editor: use optional chaining and nullish coalescing instead of Lodash.get needs reviews.
PR to lighten the editor DOM of the Buttons block is still blocked by an issue with how AlignmentHookSettingsProvider works. Technical help is needed to proceed. My plans to fix the current confusing/half-broken state of the Buttons alignment controls rely on this PR.


@mkaz
Working on docs, good progress on dev env setup and Create a Block tutorial. An open PR-23946 links up the Create a Block tutorial making it the starting point for block development. Once merged, we need to audit older block tutorial to correct overlap and expand it to be for intermediate topics.

@paaljoachim
Documentation: Installing a local development environment has been separated from the new block creation tutorial. Almost finished with the dev environment documentation and will be asking for testing when it is finished. A new PR for the third iteration of the dev env docs will be created soon.

@zieladam
Content loss/autosave issue: #23781
New idea of “local drafts” library: #23955
Navigation screen project board.
New link editing interface (directly in block toolbar): #23375

@annezazu
Launched the “Versions in WordPress” Doc with help from @mkaz
Light triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. focused on unlabeled & block directory testing.
Gave feedback on the language around the block directory checker plugin.
Hoping to start work this week on updating the Gutenberg FAQ.

@ntsekouras
Refactored MediaPlaceholder and More blocks to function components.
PR for Classic block content bug.

@shaunandrews
I posted a design for a new sidebar for navigating between templates, posts, and pages without leaving the editor.

@nrqsnchz
Shepherding the last remaining updates and tweaks to the block patterns that will ship with 5.5.
Started looking into Site Editor: Improve template part visibility.
I’ve yet to start looking at updating wp.org/gutenberg. Will focus mostly on graphics and images.

@youknowriad
The big priority for me is 5.5: bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes, package releases and backports.
I helped review several PRs: FocalPointPicker, Perf testing for site editor…
Worked on several small performance improvements here and there.
Starting to work on dev notesdev note Each important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include: a description of the change; the decision that led to this change 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. for 5.5.

@ItsJonQ
Continuing with Design Tool efforts.
Continuing research/experiment on improving our (ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-powered) JavascriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. UIUI User interface within the Editor.

@cvoell
Updating documentation with latest native mobile updates.
This includes a new section on troubleshooting new native mobile CI jobs, and improved tracking for any remaining randomly occurring failures.

Open Floor

@jonsurrell
The Gutenberg plugin only includes minified JavaScript.
The minified JavaScript uses .js extension not .min.js.
That diverges from what WordPress conventions and what WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. does. Even the Gutenberg packages bundled into core include readable and minified sources with .js and .min.js extensions, respectively.
I have opened this PR to propose that minified JavaScript in Gutenberg use the .min.js extension to align with convention.

@jonsurrell
Should we ship readable sources in the Gutenberg plugin?
New issue created. Plugin: Include readable source files which also includes a link to the 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/. discussion.

@jonsurrell
How to disable the Block Directory on some sites?
New issue created: Block Directory: Provide documented way to disable.

@mkaz
We updated the GitHub workflows to not run some actions (e2e & unit tests) if only markdown files are changed. Tests had to be removed from required list due to how 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/ Actions work. It is possible for the tests to now fail, but the merge button is allowed. So for those merging, please double check all tests pass. We want to try it out and see if it causes a problem. The change is a good boost to speed up tests and use less resources that helps other tests to run. There is a ticketticket Created for both bug reports and feature development on the bug tracker. open on GitHub to allow conditionally requiring actions.

@enricosorcinelli
Opened tracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. ticket and now Github issue for Different behavior for default category term with editors.

@itsjusteileen
Did anyone ever propose an 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. block?
There is no Github issue for this yet.
@paaljoachim
There is one for iframing all of the content (but none for iframing a block):

@BackuPs
When is this gonna be fixed? Normal editor on rtl switches shortcode enclosed content and html content. Check the ticket for more information.

#core-editor, #core-editor-summary, #gutenberg