Editor: Update packages for 6.7 RC 2

Syncs `@wordpress/*` packages to the `wp-6.7` npm tag.

Reviewed by peterwilsoncc.
Merges [59307] to the 6.7 branch.

Props kevin940726, peterwilsoncc.
See #62309.

Built from https://develop.svn.wordpress.org/branches/6.7@59308


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

wp-includes/blocks/image/style-rtl.css

@@ -6,6 +6,8 @@
   height:auto;
   max-width:100%;
   vertical-align:bottom;
+  width:-moz-fit-content;
+  width:fit-content;
 }
 @media (prefers-reduced-motion:no-preference){
   .wp-block-image img.hide{

wp-includes/blocks/image/style.css

@@ -6,6 +6,8 @@
   height:auto;
   max-width:100%;
   vertical-align:bottom;
+  width:-moz-fit-content;
+  width:fit-content;
 }
 @media (prefers-reduced-motion:no-preference){
   .wp-block-image img.hide{

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

@@ -632,7 +632,6 @@
 }
 
 .block-editor-iframe__body{
-  border:.01px solid #0000;
   position:relative;
 }
 

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

@@ -632,7 +632,6 @@
 }
 
 .block-editor-iframe__body{
-  border:.01px solid #0000;
   position:relative;
 }
 

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

@@ -1151,6 +1151,8 @@ h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-t
   height:auto;
   max-width:100%;
   vertical-align:bottom;
+  width:-moz-fit-content;
+  width:fit-content;
 }
 @media (prefers-reduced-motion:no-preference){
   .wp-block-image img.hide{

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

@@ -1151,6 +1151,8 @@ h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-t
   height:auto;
   max-width:100%;
   vertical-align:bottom;
+  width:-moz-fit-content;
+  width:fit-content;
 }
 @media (prefers-reduced-motion:no-preference){
   .wp-block-image img.hide{

wp-includes/css/dist/edit-site/posts-rtl.css

@@ -696,8 +696,8 @@ ul.dataviews-view-list{
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{
   flex-basis:min-content;
-  margin-inline:8px 0;
   overflow:unset;
+  padding-inline-end:4px;
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{
   opacity:1;
@@ -1327,7 +1327,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _wd5ep_slide-from-right{
+@keyframes _zlglg_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -1337,7 +1337,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _wd5ep_slide-from-left{
+@keyframes _zlglg_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -1393,10 +1393,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_wd5ep_slide-from-left;
+  animation-name:_zlglg_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_wd5ep_slide-from-right;
+  animation-name:_zlglg_slide-from-right;
 }
 
 .edit-site-site-hub{

wp-includes/css/dist/edit-site/posts.css

@@ -696,8 +696,8 @@ ul.dataviews-view-list{
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{
   flex-basis:min-content;
-  margin-inline:8px 0;
   overflow:unset;
+  padding-inline-end:4px;
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{
   opacity:1;
@@ -1327,7 +1327,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _wd5ep_slide-from-right{
+@keyframes _zlglg_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -1337,7 +1337,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _wd5ep_slide-from-left{
+@keyframes _zlglg_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -1393,10 +1393,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_wd5ep_slide-from-left;
+  animation-name:_zlglg_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_wd5ep_slide-from-right;
+  animation-name:_zlglg_slide-from-right;
 }
 
 .edit-site-site-hub{

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

@@ -696,8 +696,8 @@ ul.dataviews-view-list{
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{
   flex-basis:min-content;
-  margin-inline:8px 0;
   overflow:unset;
+  padding-inline-end:4px;
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{
   opacity:1;
@@ -2311,7 +2311,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _saugi_slide-from-right{
+@keyframes _11fcf_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -2321,7 +2321,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _saugi_slide-from-left{
+@keyframes _11fcf_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -2377,10 +2377,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_saugi_slide-from-left;
+  animation-name:_11fcf_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_saugi_slide-from-right;
+  animation-name:_11fcf_slide-from-right;
 }
 
 .edit-site-sidebar-button{

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

@@ -696,8 +696,8 @@ ul.dataviews-view-list{
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions{
   flex-basis:min-content;
-  margin-inline:8px 0;
   overflow:unset;
+  padding-inline-end:4px;
 }
 .dataviews-view-list li:where(.is-selected,.is-hovered,:focus-within) .dataviews-view-list__item-actions .components-button{
   opacity:1;
@@ -2311,7 +2311,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _saugi_slide-from-right{
+@keyframes _11fcf_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -2321,7 +2321,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _saugi_slide-from-left{
+@keyframes _11fcf_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -2377,10 +2377,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_saugi_slide-from-left;
+  animation-name:_11fcf_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_saugi_slide-from-right;
+  animation-name:_11fcf_slide-from-right;
 }
 
 .edit-site-sidebar-button{

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

@@ -7723,7 +7723,6 @@ __webpack_require__.d(__webpack_exports__, {
   useSetting: () => (/* reexport */ useSetting),
   useSettings: () => (/* reexport */ use_settings_useSettings),
   useStyleOverride: () => (/* reexport */ useStyleOverride),
-  useZoomOut: () => (/* reexport */ useZoomOut),
   withColorContext: () => (/* reexport */ with_color_context),
   withColors: () => (/* reexport */ withColors),
   withFontSizes: () => (/* reexport */ with_font_sizes)
@@ -30759,11 +30758,7 @@ function linked_button_LinkedButton({
   isLinked,
   ...props
 }) {
-  const label = isLinked ? (0,external_wp_i18n_namespaceObject.sprintf)(
-  // translators: 1. Type of spacing being modified (padding, margin, etc).
-  (0,external_wp_i18n_namespaceObject.__)('Unlink %1$s'), props.label.toLowerCase()).trim() : (0,external_wp_i18n_namespaceObject.sprintf)(
-  // translators: 1. Type of spacing being modified (padding, margin, etc).
-  (0,external_wp_i18n_namespaceObject.__)('Link %1$s'), props.label.toLowerCase()).trim();
+  const label = isLinked ? (0,external_wp_i18n_namespaceObject.__)('Unlink sides') : (0,external_wp_i18n_namespaceObject.__)('Link sides');
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Tooltip, {
     text: label,
     children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
@@ -41264,7 +41259,7 @@ function isInsertionPoint(targetToCheck, ownerDocument) {
   const {
     defaultView
   } = ownerDocument;
-  return !!(defaultView && targetToCheck instanceof defaultView.HTMLElement && targetToCheck.dataset.isInsertionPoint);
+  return !!(defaultView && targetToCheck instanceof defaultView.HTMLElement && targetToCheck.closest('[data-is-insertion-point]'));
 }
 
 /**
@@ -41618,12 +41613,17 @@ function useInnerBlocksProps(props = {}, options = {}) {
       getBlockEditingMode,
       getBlockSettings,
       isDragging,
-      getSectionRootClientId
+      getSectionRootClientId,
+      isZoomOutMode: isZoomOut
     } = unlock(select(store));
-    let _isDropZoneDisabled;
     if (!clientId) {
+      const sectionRootClientId = getSectionRootClientId();
+      // Disable the root drop zone when zoomed out and the section root client id
+      // is not the root block list (represented by an empty string).
+      // This avoids drag handling bugs caused by having two block lists acting as
+      // drop zones - the actual 'root' block list and the section root.
       return {
-        isDropZoneDisabled: _isDropZoneDisabled
+        isDropZoneDisabled: isZoomOut() && sectionRootClientId !== ''
       };
     }
     const {
@@ -41635,7 +41635,7 @@ function useInnerBlocksProps(props = {}, options = {}) {
     const blockEditingMode = getBlockEditingMode(clientId);
     const parentClientId = getBlockRootClientId(clientId);
     const [defaultLayout] = getBlockSettings(clientId, 'layout');
-    _isDropZoneDisabled = blockEditingMode === 'disabled';
+    let _isDropZoneDisabled = blockEditingMode === 'disabled';
     if (__unstableGetEditorMode() === 'zoom-out') {
       // In zoom out mode, we want to disable the drop zone for the sections.
       // The inner blocks belonging to the section drop zone is
@@ -48867,6 +48867,7 @@ function InserterMenu({
   const [selectedPatternCategory, setSelectedPatternCategory] = (0,external_wp_element_namespaceObject.useState)(__experimentalInitialCategory);
   const [patternFilter, setPatternFilter] = (0,external_wp_element_namespaceObject.useState)('all');
   const [selectedMediaCategory, setSelectedMediaCategory] = (0,external_wp_element_namespaceObject.useState)(null);
+  const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('large');
   const [hasCategories, setHasCategories] = (0,external_wp_element_namespaceObject.useState)(true);
   function getInitialTab() {
     if (__experimentalInitialTab) {
@@ -48878,7 +48879,7 @@ function InserterMenu({
   }
   const [selectedTab, setSelectedTab] = (0,external_wp_element_namespaceObject.useState)(getInitialTab());
   const shouldUseZoomOut = selectedTab === 'patterns' || selectedTab === 'media';
-  useZoomOut(shouldUseZoomOut);
+  useZoomOut(shouldUseZoomOut && isLargeViewport);
   const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = use_insertion_point({
     rootClientId,
     clientId,
@@ -58456,6 +58457,9 @@ function ZoomOutModeInserters() {
     nextClientId: nextClientId,
     children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(zoom_out_mode_inserter_button, {
       onClick: () => {
+        // Hotfix for wp/6.7 where focus is not transferred to the sidebar if the
+        // block library is already open.
+        const blockLibrary = document.querySelector('[aria-label="Block Library"]');
         setInserterIsOpened({
           rootClientId: sectionRootClientId,
           insertionIndex: index + 1,
@@ -58465,6 +58469,12 @@ function ZoomOutModeInserters() {
         showInsertionPoint(sectionRootClientId, index + 1, {
           operation: 'insert'
         });
+
+        // If the block library was available before we opened it with `setInserterIsOpened`, we need to
+        // send focus to the block library.
+        if (blockLibrary) {
+          blockLibrary.focus();
+        }
       }
     })
   });
@@ -74314,6 +74324,7 @@ lock(privateApis, {
   usesContextKey: usesContextKey,
   useFlashEditableBlocks: useFlashEditableBlocks,
   useZoomOutModeExit: useZoomOutModeExit,
+  useZoomOut: useZoomOut,
   globalStylesDataKey: globalStylesDataKey,
   globalStylesLinksDataKey: globalStylesLinksDataKey,
   selectBlockPatternsKey: selectBlockPatternsKey,

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

@@ -52320,6 +52320,7 @@ function utils_isPercentageUnit(unit) {
 
 
 const DEFAULT_INNER_PADDING = '4px';
+const PERCENTAGE_WIDTHS = [25, 50, 75, 100];
 function SearchEdit({
   className,
   attributes,
@@ -52614,19 +52615,23 @@ function SearchEdit({
             __unstableInputWidth: "80px",
             value: `${width}${widthUnit}`,
             units: units
-          }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ButtonGroup, {
-            className: "wp-block-search__components-button-group" // unused, kept for backwards compatibility
-            ,
-            "aria-label": (0,external_wp_i18n_namespaceObject.__)('Percentage Width'),
-            children: [25, 50, 75, 100].map(widthValue => {
-              return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Button, {
-                size: "small",
-                variant: widthValue === width && widthUnit === '%' ? 'primary' : undefined,
-                onClick: () => setAttributes({
-                  width: widthValue,
-                  widthUnit: '%'
-                }),
-                children: [widthValue, "%"]
+          }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+            label: (0,external_wp_i18n_namespaceObject.__)('Percentage Width'),
+            value: PERCENTAGE_WIDTHS.includes(width) && widthUnit === '%' ? width : undefined,
+            hideLabelFromVision: true,
+            onChange: newWidth => {
+              setAttributes({
+                width: newWidth,
+                widthUnit: '%'
+              });
+            },
+            isBlock: true,
+            __next40pxDefaultSize: true,
+            __nextHasNoMarginBottom: true,
+            children: PERCENTAGE_WIDTHS.map(widthValue => {
+              return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+                value: widthValue,
+                label: `${widthValue}%`
               }, widthValue);
             })
           })]

wp-includes/js/dist/components.js

@@ -70973,7 +70973,7 @@ const TabListWrapper = /*#__PURE__*/emotion_styled_base_browser_esm("div",  true
 } : 0)("position:relative;display:flex;align-items:stretch;flex-direction:row;text-align:center;&[aria-orientation='vertical']{flex-direction:column;text-align:start;}@media not ( prefers-reduced-motion ){&.is-animation-enabled::after{transition-property:transform;transition-duration:0.2s;transition-timing-function:ease-out;}}--direction-factor:1;--direction-origin-x:left;--indicator-start:var( --indicator-left );&:dir( rtl ){--direction-factor:-1;--direction-origin-x:right;--indicator-start:var( --indicator-right );}&::after{content:'';position:absolute;pointer-events:none;transform-origin:var( --direction-origin-x ) top;outline:2px solid transparent;outline-offset:-1px;}--antialiasing-factor:100;&:not( [aria-orientation='vertical'] ){&::after{bottom:0;height:0;width:calc( var( --antialiasing-factor ) * 1px );transform:translateX(\n\t\t\t\t\tcalc(\n\t\t\t\t\t\tvar( --indicator-start ) * var( --direction-factor ) *\n\t\t\t\t\t\t\t1px\n\t\t\t\t\t)\n\t\t\t\t) scaleX(\n\t\t\t\t\tcalc(\n\t\t\t\t\t\tvar( --indicator-width ) / var( --antialiasing-factor )\n\t\t\t\t\t)\n\t\t\t\t);border-bottom:var( --wp-admin-border-width-focus ) solid ", COLORS.theme.accent, ";}}&[aria-orientation='vertical']::after{z-index:-1;top:0;left:0;width:100%;height:calc( var( --antialiasing-factor ) * 1px );transform:translateY( calc( var( --indicator-top ) * 1px ) ) scaleY(\n\t\t\t\tcalc( var( --indicator-height ) / var( --antialiasing-factor ) )\n\t\t\t);background-color:", COLORS.theme.gray[100], ";}" + ( true ? "" : 0));
 const styles_Tab = /*#__PURE__*/emotion_styled_base_browser_esm(Tab,  true ? {
   target: "enfox0g1"
-} : 0)("&{display:inline-flex;align-items:center;position:relative;border-radius:0;min-height:", space(12), ";height:auto;background:transparent;border:none;box-shadow:none;cursor:pointer;line-height:1.2;padding:", space(4), ";margin-left:0;font-weight:500;text-align:inherit;hyphens:auto;color:", COLORS.theme.foreground, ";&[aria-disabled='true']{cursor:default;color:", COLORS.ui.textDisabled, ";}&:not( [aria-disabled='true'] ):hover{color:", COLORS.theme.accent, ";}&:focus:not( :disabled ){position:relative;box-shadow:none;outline:none;}&::before{content:'';position:absolute;top:", space(3), ";right:", space(3), ";bottom:", space(3), ";left:", space(3), ";pointer-events:none;outline:var( --wp-admin-border-width-focus ) solid ", COLORS.theme.accent, ";border-radius:", config_values.radiusSmall, ";opacity:0;@media not ( prefers-reduced-motion ){transition:opacity 0.1s linear;}}&:focus-visible::before{opacity:1;}}[aria-orientation='vertical'] &{min-height:", space(10), ";}" + ( true ? "" : 0));
+} : 0)("&{display:inline-flex;align-items:center;position:relative;border-radius:0;min-height:", space(12), ";height:auto;background:transparent;border:none;box-shadow:none;cursor:pointer;line-height:1.2;padding:", space(3), " ", space(4), ";margin-left:0;font-weight:500;text-align:inherit;hyphens:auto;color:", COLORS.theme.foreground, ";&[aria-disabled='true']{cursor:default;color:", COLORS.ui.textDisabled, ";}&:not( [aria-disabled='true'] ):hover{color:", COLORS.theme.accent, ";}&:focus:not( :disabled ){position:relative;box-shadow:none;outline:none;}&::before{content:'';position:absolute;top:", space(3), ";right:", space(3), ";bottom:", space(3), ";left:", space(3), ";pointer-events:none;outline:var( --wp-admin-border-width-focus ) solid ", COLORS.theme.accent, ";border-radius:", config_values.radiusSmall, ";opacity:0;@media not ( prefers-reduced-motion ){transition:opacity 0.1s linear;}}&:focus-visible::before{opacity:1;}}[aria-orientation='vertical'] &{min-height:", space(10), ";}" + ( true ? "" : 0));
 const styles_TabPanel = /*#__PURE__*/emotion_styled_base_browser_esm(TabPanel,  true ? {
   target: "enfox0g0"
 } : 0)("&:focus{box-shadow:none;outline:none;}&:focus-visible{box-shadow:0 0 0 var( --wp-admin-border-width-focus ) ", COLORS.theme.accent, ";outline:2px solid transparent;outline-offset:0;}" + ( true ? "" : 0));

wp-includes/js/dist/edit-post.js

@@ -3072,7 +3072,7 @@ function MetaBoxesMain({
             })
           }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
             id: separatorHelpId,
-            children: (0,external_wp_i18n_namespaceObject.__)('Use up and down arrow keys to resize the metabox pane.')
+            children: (0,external_wp_i18n_namespaceObject.__)('Use up and down arrow keys to resize the meta box panel.')
           })]
         })
       },

wp-includes/js/dist/edit-site.js

@@ -22080,6 +22080,10 @@ function SidebarNavigationScreenGlobalStylesContent() {
 
 
 
+
+const {
+  useZoomOut
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
 function ScreenStyleVariations() {
   // Style Variations should only be previewed in with
   // - a "zoomed out" editor
@@ -22087,7 +22091,7 @@ function ScreenStyleVariations() {
   const {
     setDeviceType
   } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_editor_namespaceObject.store);
-  (0,external_wp_blockEditor_namespaceObject.useZoomOut)();
+  useZoomOut();
   setDeviceType('desktop');
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
     children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(header, {

wp-includes/js/dist/editor.js

@@ -23962,13 +23962,14 @@ function ContentOnlySettingsMenuItems({
       record = select(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_block', getBlockAttributes(patternParent).ref);
     } else {
       const {
-        getCurrentTemplateId
+        getCurrentTemplateId,
+        getRenderingMode
       } = select(store_store);
       const templateId = getCurrentTemplateId();
       const {
         getContentLockingParent
       } = unlock(select(external_wp_blockEditor_namespaceObject.store));
-      if (!getContentLockingParent(clientId) && templateId) {
+      if (getRenderingMode() === 'template-locked' && !getContentLockingParent(clientId) && templateId) {
         record = select(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_template', templateId);
       }
     }
@@ -27459,7 +27460,10 @@ function VisualEditor({
   const shouldIframe = !disableIframe || ['Tablet', 'Mobile'].includes(deviceType);
   const iframeStyles = (0,external_wp_element_namespaceObject.useMemo)(() => {
     return [...(styles !== null && styles !== void 0 ? styles : []), {
-      css: `.is-root-container{display:flow-root;${
+      // Ensures margins of children are contained so that the body background paints behind them.
+      // Otherwise, the background of html (when zoomed out) would show there and appear broken. It’s
+      // important mostly for post-only views yet conceivably an issue in templated views too.
+      css: `:where(.block-editor-iframe__body){display:flow-root;}.is-root-container{display:flow-root;${
       // Some themes will have `min-height: 100vh` for the root container,
       // which isn't a requirement in auto resize mode.
       enableResizing ? 'min-height:0!important;' : ''}}`

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.7-RC1-59297';
+$wp_version = '6.7-RC1-59308';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.