Overview of new features in Gutenberg 21.6 (released September 10)

Gutenberg 21.6 has been released on September 10, bringing several useful updates to the editor. This release focuses on optimizing accordion block together with Data View Grid, and extends the adaption range of global styles to make form elements more unified with the overall design. At the same time, it fixes several bugs that affect the usage experience, and continues to advance the underlying TypeScript MigrationThe newest addition to the program is the newest addition to the program. React 19 Lay the technical foundation. Both content creators and developers will have a smoother and more efficient experience with this release.

New Features and Enhancements

• Accordion Block Improvement
  • New "Add" button allows you to quickly add content items directly in the toolbar.
  • Remove redundant wrapping elements for cleaner code.

• Data View Grid Optimization
  • Support hide the title, the interface is more refreshing.
  • Action buttons are accessible on hover to enhance the interactive experience.

• Global Style Extension
  • Full support for global styles for select boxes, drop-down menus, and text input boxes.
  • The developer can be reached through the theme.json Uniform control of colors, borders and fonts.

• Core enhancements
  • A new Return to Dashboard option has been added to the core command.
  • Core data added paging support with forward parser.
  • The creation block supports lifecycle script execution.
• DataForm improvements
  • Combined field descriptions are supported.
  • The validation behavior is more simplified.
  • Card layouts can display field descriptions.

bug fix

• Block related fixes
  • Misaligned buttons for accordion titles on RTL layouts has been resolved.
  • Fix nested collapse icon display exception.
  • Fix timezone issue with date blocks.
  • Fix the randomization function not working when lightbox is enabled in the gallery block.
• Editor and UI
  • Fix Back button icon position error.
  • Improved performance of the "Design" sidebar panel.
  • fixes useAvailablePatterns A stylesheet injection problem in the
• Data and Scripts
  • fixes getEntityRecordsTotalPages Selector error.
  • removes clean-webpack-plugin Dependency.
  • Avoid accessing unnecessary global variables.

Development and Performance Optimization

• TypeScript Migration
  • commander-in-chief (military) api-fetchMigration of modules such as the date package to TypeScript.
  • Remove unused reducers and optimize core data.
• Dependence on upgrades and compatibility
  • Upgrade framer-motion to v11.15.0.
  • Inserter components and type definitions adapted to React 19.
• Tools & Testing
  • revised PHP Unit test assignments.
  • Playwright has been updated to v1.55.
  • Improved end-to-end testing and Storybook smoke tests.

summarize

• More efficient editing experience: Accordion blocks and data view grids work better.
• More flexible style control: Form elements are included in the global style system.
• More stable system: Lots of bug fixes, performance optimizations.
• future-oriented: Ongoing migration to TypeScript and preparation for the React 19 upgrade.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off