What’s new in Gutenberg 20.3? (18 February)

Gutenberg 20.3 is out of the oven and ready to download.

As with most releases since 20.0 this release has also primarily been focused on fixing bugs. But of course there are still always some features that join the mix.

Highlights

Ignore sticky posts in 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.

The query loop 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. now has a new option to ignore sticky posts. When selected, the query block ignores whether or not a post has the sticky option enabled. So, all posts show based on the sorting preferences selected without taking the sticky status into account.

Add social icon block variation for discord

The social icons block now ships with the option to add a Discord icon.

Changelog

Enhancements

Block Library

  • Query block: Add option to ignore sticky posts behavior. (69057)
  • Added discord in social links. (68848)
  • 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. block: Use resolution tool component. (68471)
  • RSS: Border & Spacing support. (66411)

Global Styles

  • Disable Clear button if there’s no shadow. (69092)
  • Duotone Settings: Add reset button and improve toggle rendering in FiltersPanel. (68672)
  • Shadow Panel: Add reset button. (68981)

Post Editor

  • Editor: Add loading state to the ‘PageAttributesParent’ component. (69062)
  • Editor: Add loading state to the ‘PostAuthorCombobox’ component. (68991)
  • Editor: Display error message when loading current post fails. (68999)

Block Editor

  • Quick Inserter: Restore pattern search and insertion. (69028)
  • Update keyboard shortcuts to use primaryShift+backspace for block deletion. (69074)

Design Tools

  • Archives: Add Color Support. (68685)
  • Categories: Add Color Support. (68686)

Components

  • ComboboxControl: Add an isLoading prop to show a loading spinner. (68990)

Bug Fixes

  • Exclude Iterator helpers from polyfills. (69070)
  • Fix Dependabot ignore statements. (69144)

Block Editor

  • Block popover: Fix scrolling over. (68075)
  • Display root appender when default block is disabled. (68951)
  • 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. for root appender logic. (68994)
  • Inserter: Remove block default icon from no results message. (68693)
  • Rename aspect property to ratio to carry the defaultAspect in AspectRatioDropdown. (69085)
  • Writing Flow: Restore early return for no block selection in tab nav hook. (69079)

Site Editor

  • Edit Site: Fix Fields package private APIs error. (68964)
  • Fix: Site Editor should display a 404 message. (69009)
  • Use the same editor component for all routes. (69093)
  • Disable hover animation on preview frame for classic themes. (68976)

Global Styles

  • Fix: Additional CSSCSS Cascading Style Sheets. button not working after back navigation. (68954)
  • Fix: Missing ‘No blocks found.’ message for block search in editor. (69036)

Block Library

  • Query Block: Fix ‘parents’ argument validation. (68983)
  • Social Links: Fix appender size in non-iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. editor. (68215)

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

  • Add support for the ‘ignore_sticky_posts’ argument. (68970)
  • Fix: Prevent Errors in 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. Processing and Encode URLs Properly. (67780)

Icons

  • Fix the background, arrowUpLeft, keyboardReturn and square icons. (69076)

Font Library

  • Refactor font variant components to use useId for checkbox IDs. (69050)

Block Directory

  • Remove block icon from InstalledBlocksPrePublishPanel. (69046)

DataViews

  • Fixed: Empty Pattern Overlap in Pattern Title in Dataviews Table Layout. (68997)

Media

  • Add optional chain to sizes indexing of media details in edit-site. (68995)

CSS & Styling

  • Enabled Full height in Additional CSS. (68993)

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

  • Fix truncation of post content. (68926)

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

  • iAPI Router: Fix CSS rule order in some constructed style sheets. (68923)
  • iAPI Router: Revert “Handle styles assets on region-based navigation” (69222)

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

  • Font Size Picker: Remove Custom option from FontSizePickerSelect dropdown. (69038)

Global Styles

  • Add missing list role to the list of blocks in the global Styles. (69027)

Block API

  • Block support: Preserve aria-label value in comment delimiter. (69002)

Block Editor

  • [Block Editor]: 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) – Add and Update missing reduce-motion mixing. (68417)

Performance

Post Editor

  • Editor: Don’t use selector shortcuts for the taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. queries. (68998)
  • Editor: Optimize ‘PostAuthorCheck’ component data selection. (69105)

Style Book

  • Improve StyleBook resize responsiveness for Classic Theme. (68980)

Documentation

  • Added Missing Global Documentation. (69104)
  • Changed Inline Document Order. (68992)
  • wp-env: Add lifecycleScripts to the schema. (68724)

Code Quality

  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Data: Add type for term entity. (69151)
  • iAPI Router: Add missing changelog entry for #68923. (68945)

Block Library

  • E2E: Add regression test for spacer block in themes without spacing units. (68913)
  • Navigation Link Block: Use stable variable for underline color styling. (68953)
  • Regenerate block fixtures. (68982)
  • Social Links: Remove redundant reduce-motion mixin. (69000)

Site Editor

  • Fast follow: Redirections of deprecated site editor URLs. (68971)
  • Quality: Remove unused props and styles from SidebarNavigationScreen. (68972)

Block Editor

  • Inserter: Remove unused no-results-icon styles. (69018)

Tools

  • PR Template: Suggest linking the issue. (68924)
  • Relocate changelog file for WP#6910 to 6.9 backports. (69068)

Build Tooling

  • Fix installing svn during deploys. (69047)
  • Remove react-native dependabot group. (69118)

Testing

  • e2e: Fix “add new” selector. (69111)

Various

  • Remove reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-native dependabot group – Take 2. (69122)

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

  • Code Quality: Delete unused function from PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher Sync Issue generation script. (68947)
  • npm scripts: Use node -p instead of echo. (68946)

First-time contributors

The following PRs were merged by first-time contributors:

  • @benazeer-ben: RSS: Border & Spacing support. (66411)
  • @grgar: Add optional chain to sizes indexing of media details in edit-site. (68995)
  • @Gulamdastgir-Momin: Added discord in social links. (68848)
  • @Juzar10: Fix: Prevent Errors in Header Processing and Encode URLs Properly. (67780)
  • @singhakanshu00: Disable hover animation on preview frame for classic themes. (68976)
  • @srtfisher: wp-env: Add lifecycleScripts to the schema. (68724)

Contributors

The following contributors merged PRs in this release:

@adamsilverstein @afercia @akasunil @benazeer-ben @carolinan @DAreRodz @desrosj @ellatrix @grgar @Gulamdastgir-Momin @himanshupathak95 @Infinite-Null @joemcgill @Juzar10 @Mamaduka @Mayank-Tripathi32 @ockham @peterwilsoncc @Rishit30G @SainathPoojary @shail-mehta @shimotmk @singhakanshu00 @srtfisher @swissspidy @t-hamano @torounit @yogeshbhutkar


Props to @joemcgill for helping with the actual release and @benjamin_zekavica for helping review this post

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