Block Editor: Bug fixes targetted for WordPress 5.3 RC3.

The list of included fixes is:

- https://github.com/WordPress/gutenberg/pull/18108
- https://github.com/WordPress/gutenberg/pull/18051
- https://github.com/WordPress/gutenberg/pull/18106
- https://github.com/WordPress/gutenberg/pull/18102

Updated packages:
 - @wordpress/api-fetch@3.6.4
 - @wordpress/block-directory@1.0.4
 - @wordpress/block-library@2.9.4
 - @wordpress/core-data@2.7.4
 - @wordpress/data-controls@1.3.4
 - @wordpress/edit-post@3.8.4
 - @wordpress/editor@9.7.4
 - @wordpress/list-reusable-blocks@1.8.4
 - @wordpress/media-utils@1.2.4
 - @wordpress/server-side-render@1.3.4

Props desrosj.
See #48447.

Built from https://develop.svn.wordpress.org/trunk@46606


git-svn-id: http://core.svn.wordpress.org/trunk@46403 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/css/dist/block-library/editor-rtl.css

@@ -180,7 +180,7 @@ div[data-type="core/button"] div[data-block] {
       display: flex;
       flex-direction: column;
       flex: 1 1 auto; }
-      @supports ((position: -webkit-sticky) or (position: sticky)) {
+      @supports (position: sticky) {
         .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"],
         .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit,
         .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div[data-block],
@@ -600,7 +600,6 @@ div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::af
   display: none;
   width: auto;
   margin: 0 -14px;
-  position: -webkit-sticky;
   position: sticky;
   z-index: 10;
   top: 14px;
@@ -698,7 +697,7 @@ body.admin-color-light .blocks-gallery-item figure.is-selected {
   max-height: 100%;
   overflow-y: auto; }
 
-@supports ((position: -webkit-sticky) or (position: sticky)) {
+@supports (position: sticky) {
   .blocks-gallery-item .is-selected .block-editor-rich-text {
     left: 0;
     right: 0;
@@ -1135,7 +1134,6 @@ figure.block-library-media-text__media-container {
 .wp-block-navigation-menu {
   display: -ms-grid;
   display: grid;
-  grid-auto-columns: -webkit-min-content;
   grid-auto-columns: min-content;
   grid-auto-flow: column;
   align-items: center;
@@ -1148,7 +1146,6 @@ figure.block-library-media-text__media-container {
 .wp-block-navigation-menu-item__edit-container {
   display: -ms-grid;
   display: grid;
-  grid-auto-columns: -webkit-min-content;
   grid-auto-columns: min-content;
   grid-auto-flow: column;
   align-items: center;

wp-includes/css/dist/block-library/editor.css

@@ -181,7 +181,7 @@ div[data-type="core/button"] div[data-block] {
       display: flex;
       flex-direction: column;
       flex: 1 1 auto; }
-      @supports ((position: -webkit-sticky) or (position: sticky)) {
+      @supports (position: sticky) {
         .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"],
         .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit,
         .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div[data-block],
@@ -605,7 +605,6 @@ div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::af
   display: none;
   width: auto;
   margin: 0 -14px;
-  position: -webkit-sticky;
   position: sticky;
   z-index: 10;
   top: 14px;
@@ -703,7 +702,7 @@ body.admin-color-light .blocks-gallery-item figure.is-selected {
   max-height: 100%;
   overflow-y: auto; }
 
-@supports ((position: -webkit-sticky) or (position: sticky)) {
+@supports (position: sticky) {
   .blocks-gallery-item .is-selected .block-editor-rich-text {
     right: 0;
     left: 0;
@@ -1140,7 +1139,6 @@ figure.block-library-media-text__media-container {
 .wp-block-navigation-menu {
   display: -ms-grid;
   display: grid;
-  grid-auto-columns: -webkit-min-content;
   grid-auto-columns: min-content;
   grid-auto-flow: column;
   align-items: center;
@@ -1153,7 +1151,6 @@ figure.block-library-media-text__media-container {
 .wp-block-navigation-menu-item__edit-container {
   display: -ms-grid;
   display: grid;
-  grid-auto-columns: -webkit-min-content;
   grid-auto-columns: min-content;
   grid-auto-flow: column;
   align-items: center;

wp-includes/css/dist/block-library/style-rtl.css

@@ -234,7 +234,7 @@
     content: "";
     font-size: 0;
     min-height: inherit; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .wp-block-cover-image::after,
       .wp-block-cover::after {
         content: none; } }
@@ -435,7 +435,7 @@ section.wp-block-cover-image > h2,
     .blocks-gallery-grid .blocks-gallery-item figure {
       margin: 0;
       height: 100%; }
-      @supports ((position: -webkit-sticky) or (position: sticky)) {
+      @supports (position: sticky) {
         .wp-block-gallery .blocks-gallery-image figure,
         .wp-block-gallery .blocks-gallery-item figure,
         .blocks-gallery-grid .blocks-gallery-image figure,
@@ -455,7 +455,7 @@ section.wp-block-cover-image > h2,
     .blocks-gallery-grid .blocks-gallery-image img,
     .blocks-gallery-grid .blocks-gallery-item img {
       width: 100%; }
-      @supports ((position: -webkit-sticky) or (position: sticky)) {
+      @supports (position: sticky) {
         .wp-block-gallery .blocks-gallery-image img,
         .wp-block-gallery .blocks-gallery-item img,
         .blocks-gallery-grid .blocks-gallery-image img,
@@ -489,7 +489,7 @@ section.wp-block-cover-image > h2,
   .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
   .blocks-gallery-grid.is-cropped .blocks-gallery-item img {
     width: 100%; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .wp-block-gallery.is-cropped .blocks-gallery-image a,
       .wp-block-gallery.is-cropped .blocks-gallery-image img,
       .wp-block-gallery.is-cropped .blocks-gallery-item a,
@@ -678,18 +678,14 @@ section.wp-block-cover-image > h2,
 
 .is-style-circle-mask img {
   border-radius: 9999px; }
-  @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
+  @supports (mask-image: none) or (-webkit-mask-image: none) {
     .is-style-circle-mask img {
       /* stylelint-disable */
-      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
       mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
       /* stylelint-enable */
       mask-mode: alpha;
-      -webkit-mask-repeat: no-repeat;
       mask-repeat: no-repeat;
-      -webkit-mask-size: contain;
       mask-size: contain;
-      -webkit-mask-position: center;
       mask-position: center;
       border-radius: none; } }
 
@@ -1405,7 +1401,7 @@ pre.wp-block-verse {
   margin-left: 0; }
   .wp-block-video video {
     max-width: 100%; }
-  @supports ((position: -webkit-sticky) or (position: sticky)) {
+  @supports (position: sticky) {
     .wp-block-video [poster] {
       -o-object-fit: cover;
          object-fit: cover; } }

wp-includes/css/dist/block-library/style.css

@@ -237,7 +237,7 @@
     content: "";
     font-size: 0;
     min-height: inherit; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .wp-block-cover-image::after,
       .wp-block-cover::after {
         content: none; } }
@@ -439,7 +439,7 @@ section.wp-block-cover-image > h2,
     .blocks-gallery-grid .blocks-gallery-item figure {
       margin: 0;
       height: 100%; }
-      @supports ((position: -webkit-sticky) or (position: sticky)) {
+      @supports (position: sticky) {
         .wp-block-gallery .blocks-gallery-image figure,
         .wp-block-gallery .blocks-gallery-item figure,
         .blocks-gallery-grid .blocks-gallery-image figure,
@@ -459,7 +459,7 @@ section.wp-block-cover-image > h2,
     .blocks-gallery-grid .blocks-gallery-image img,
     .blocks-gallery-grid .blocks-gallery-item img {
       width: 100%; }
-      @supports ((position: -webkit-sticky) or (position: sticky)) {
+      @supports (position: sticky) {
         .wp-block-gallery .blocks-gallery-image img,
         .wp-block-gallery .blocks-gallery-item img,
         .blocks-gallery-grid .blocks-gallery-image img,
@@ -493,7 +493,7 @@ section.wp-block-cover-image > h2,
   .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
   .blocks-gallery-grid.is-cropped .blocks-gallery-item img {
     width: 100%; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .wp-block-gallery.is-cropped .blocks-gallery-image a,
       .wp-block-gallery.is-cropped .blocks-gallery-image img,
       .wp-block-gallery.is-cropped .blocks-gallery-item a,
@@ -686,18 +686,14 @@ section.wp-block-cover-image > h2,
 
 .is-style-circle-mask img {
   border-radius: 9999px; }
-  @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
+  @supports (mask-image: none) or (-webkit-mask-image: none) {
     .is-style-circle-mask img {
       /* stylelint-disable */
-      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
       mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
       /* stylelint-enable */
       mask-mode: alpha;
-      -webkit-mask-repeat: no-repeat;
       mask-repeat: no-repeat;
-      -webkit-mask-size: contain;
       mask-size: contain;
-      -webkit-mask-position: center;
       mask-position: center;
       border-radius: none; } }
 
@@ -1417,7 +1413,7 @@ pre.wp-block-verse {
   margin-right: 0; }
   .wp-block-video video {
     max-width: 100%; }
-  @supports ((position: -webkit-sticky) or (position: sticky)) {
+  @supports (position: sticky) {
     .wp-block-video [poster] {
       -o-object-fit: cover;
          object-fit: cover; } }

wp-includes/css/dist/edit-post/style-rtl.css

@@ -82,7 +82,6 @@
     .edit-post-header {
       height: 56px;
       top: 0;
-      position: -webkit-sticky;
       position: sticky;
       flex-wrap: nowrap; } }
   @media (min-width: 600px) {
@@ -97,7 +96,7 @@
         top: 0; } }
   .edit-post-header > .edit-post-header__settings {
     order: 1; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .edit-post-header > .edit-post-header__settings {
         order: initial; } }
 
@@ -439,7 +438,7 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
       overscroll-behavior-y: none; } }
   .edit-post-layout__content .edit-post-visual-editor {
     flex: 1 1 auto; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .edit-post-layout__content .edit-post-visual-editor {
         flex-basis: 100%; } }
   .edit-post-layout__content .edit-post-layout__metaboxes {
@@ -578,7 +577,6 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
   margin: 0 0 2rem 0; }
 
 .edit-post-manage-blocks-modal__category-title {
-  position: -webkit-sticky;
   position: sticky;
   top: 0;
   padding: 16px 0;
@@ -688,6 +686,16 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
     z-index: 5; }
   .edit-post-meta-boxes-area .is-hidden {
     display: none; }
+  .edit-post-meta-boxes-area .postbox-container .postbox input[type="checkbox"],
+  .edit-post-meta-boxes-area .postbox-container .postbox input[type="radio"] {
+    border: 1px solid #6c7781; }
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="checkbox"]:checked,
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="radio"]:checked {
+      background: #fff;
+      border-color: #6c7781; }
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="checkbox"]::before,
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="radio"]::before {
+      margin: -3px -4px; }
 
 .edit-post-meta-boxes-area__clear {
   clear: both; }
@@ -864,7 +872,7 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
 .editor-post-author__select {
   margin: -5px 0;
   width: 100%; }
-  @supports ((position: -webkit-sticky) or (position: sticky)) {
+  @supports (position: sticky) {
     .editor-post-author__select {
       width: auto; } }
 
@@ -933,7 +941,6 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
   padding-right: 0;
   padding-left: 4px;
   border-top: 0;
-  position: -webkit-sticky;
   position: sticky;
   z-index: -1;
   top: 0; }

wp-includes/css/dist/edit-post/style.css

@@ -82,7 +82,6 @@
     .edit-post-header {
       height: 56px;
       top: 0;
-      position: -webkit-sticky;
       position: sticky;
       flex-wrap: nowrap; } }
   @media (min-width: 600px) {
@@ -97,7 +96,7 @@
         top: 0; } }
   .edit-post-header > .edit-post-header__settings {
     order: 1; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .edit-post-header > .edit-post-header__settings {
         order: initial; } }
 
@@ -439,7 +438,7 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
       overscroll-behavior-y: none; } }
   .edit-post-layout__content .edit-post-visual-editor {
     flex: 1 1 auto; }
-    @supports ((position: -webkit-sticky) or (position: sticky)) {
+    @supports (position: sticky) {
       .edit-post-layout__content .edit-post-visual-editor {
         flex-basis: 100%; } }
   .edit-post-layout__content .edit-post-layout__metaboxes {
@@ -578,7 +577,6 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
   margin: 0 0 2rem 0; }
 
 .edit-post-manage-blocks-modal__category-title {
-  position: -webkit-sticky;
   position: sticky;
   top: 0;
   padding: 16px 0;
@@ -688,6 +686,16 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
     z-index: 5; }
   .edit-post-meta-boxes-area .is-hidden {
     display: none; }
+  .edit-post-meta-boxes-area .postbox-container .postbox input[type="checkbox"],
+  .edit-post-meta-boxes-area .postbox-container .postbox input[type="radio"] {
+    border: 1px solid #6c7781; }
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="checkbox"]:checked,
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="radio"]:checked {
+      background: #fff;
+      border-color: #6c7781; }
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="checkbox"]::before,
+    .edit-post-meta-boxes-area .postbox-container .postbox input[type="radio"]::before {
+      margin: -3px -4px; }
 
 .edit-post-meta-boxes-area__clear {
   clear: both; }
@@ -864,7 +872,7 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
 .editor-post-author__select {
   margin: -5px 0;
   width: 100%; }
-  @supports ((position: -webkit-sticky) or (position: sticky)) {
+  @supports (position: sticky) {
     .editor-post-author__select {
       width: auto; } }
 
@@ -937,7 +945,6 @@ body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__s
   padding-left: 0;
   padding-right: 4px;
   border-top: 0;
-  position: -webkit-sticky;
   position: sticky;
   z-index: -1;
   top: 0; }

wp-includes/css/dist/editor/style-rtl.css

@@ -128,7 +128,6 @@
   padding: 1px 0; }
 
 .components-editor-notices__dismissible {
-  position: -webkit-sticky;
   position: sticky;
   top: 56px;
   left: 0;
@@ -379,8 +378,6 @@
   display: block;
   position: absolute;
   -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;

wp-includes/css/dist/editor/style.css

@@ -128,7 +128,6 @@
   padding: 1px 0; }
 
 .components-editor-notices__dismissible {
-  position: -webkit-sticky;
   position: sticky;
   top: 56px;
   right: 0;
@@ -381,8 +380,6 @@
   display: block;
   position: absolute;
   -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;

wp-includes/js/dist/api-fetch.js

@@ -713,7 +713,7 @@ function mediaUploadMiddleware(options, next) {
   })).catch(function (response) {
     var attachmentId = response.headers.get('x-wp-upload-attachment-id');
 
-    if ((response.status === 500 || response.status === 502) && attachmentId) {
+    if (response.status >= 500 && response.status < 600 && attachmentId) {
       return postProcess(attachmentId).catch(function () {
         if (options.parse !== false) {
           return Promise.reject({

wp-includes/js/dist/block-library.js

@@ -14164,6 +14164,7 @@ var ordered_list_settings_OrderedListSettings = function OrderedListSettings(_re
 // CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/edit.js
 
 
+
 /**
  * WordPress dependencies
  */
@@ -14287,10 +14288,9 @@ function ListEdit(_ref) {
     placeholder: Object(external_this_wp_i18n_["__"])('Write list…'),
     onMerge: mergeBlocks,
     onSplit: function onSplit(value) {
-      return Object(external_this_wp_blocks_["createBlock"])(list_name, {
+      return Object(external_this_wp_blocks_["createBlock"])(list_name, Object(objectSpread["a" /* default */])({}, attributes, {
-        ordered: ordered,
         values: value
-      });
+      }));
     },
     __unstableOnSplitMiddle: function __unstableOnSplitMiddle() {
       return Object(external_this_wp_blocks_["createBlock"])('core/paragraph');

wp-includes/js/dist/editor.js

@@ -7215,7 +7215,7 @@ function useAutosavePurge() {
   var lastIsDirty = Object(external_this_wp_element_["useRef"])(isDirty);
   var lastIsAutosaving = Object(external_this_wp_element_["useRef"])(isAutosaving);
   Object(external_this_wp_element_["useEffect"])(function () {
-    if (lastIsAutosaving.current && !isAutosaving && !didError) {
+    if (!didError && (lastIsAutosaving.current && !isAutosaving || lastIsDirty.current && !isDirty)) {
       localAutosaveClear(postId);
     }
 

wp-includes/script-loader.php

@@ -226,24 +226,24 @@ function wp_default_packages_scripts( &$scripts ) {
 	$packages_versions = array(
 		'a11y'                               => '2.5.1',
 		'annotations'                        => '1.7.2',
-		'api-fetch'                          => '3.6.3',
+		'api-fetch'                          => '3.6.4',
 		'autop'                              => '2.5.1',
 		'blob'                               => '2.5.1',
 		'block-editor'                       => '3.2.3',
-		'block-library'                      => '2.9.3',
+		'block-library'                      => '2.9.4',
 		'block-serialization-default-parser' => '3.4.1',
 		'blocks'                             => '6.7.2',
 		'components'                         => '8.3.2',
 		'compose'                            => '3.7.2',
-		'core-data'                          => '2.7.3',
+		'core-data'                          => '2.7.4',
-		'data-controls'                      => '1.3.3',
+		'data-controls'                      => '1.3.4',
 		'data'                               => '4.9.2',
 		'date'                               => '3.5.0',
 		'deprecated'                         => '2.6.1',
 		'dom-ready'                          => '2.5.1',
 		'dom'                                => '2.5.2',
-		'edit-post'                          => '3.8.3',
+		'edit-post'                          => '3.8.4',
-		'editor'                             => '9.7.3',
+		'editor'                             => '9.7.4',
 		'element'                            => '2.8.2',
 		'escape-html'                        => '1.5.1',
 		'format-library'                     => '1.9.3',
@@ -252,8 +252,8 @@ function wp_default_packages_scripts( &$scripts ) {
 		'i18n'                               => '3.6.1',
 		'is-shallow-equal'                   => '1.6.1',
 		'keycodes'                           => '2.6.2',
-		'list-reusable-blocks'               => '1.8.3',
+		'list-reusable-blocks'               => '1.8.4',
-		'media-utils'                        => '1.2.3',
+		'media-utils'                        => '1.2.4',
 		'notices'                            => '1.8.2',
 		'nux'                                => '3.7.2',
 		'plugins'                            => '2.7.2',
@@ -261,7 +261,7 @@ function wp_default_packages_scripts( &$scripts ) {
 		'redux-routine'                      => '3.6.2',
 		'rich-text'                          => '3.7.2',
 		'shortcode'                          => '2.4.1',
-		'server-side-render'                 => '1.3.3',
+		'server-side-render'                 => '1.3.4',
 		'token-list'                         => '1.6.1',
 		'url'                                => '2.8.2',
 		'viewport'                           => '2.8.2',

wp-includes/version.php

@@ -13,7 +13,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '5.4-alpha-46605';
+$wp_version = '5.4-alpha-46606';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.