@wordpress/edit-post 7.7.0 → 7.9.0

package/build-style/style.css

@@ -1238,6 +1238,12 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   height: 61px;
 }
 
+@media (min-width: 782px) {
+  .edit-post-layout.has-fixed-toolbar .interface-interface-skeleton__header:not(:focus-within) {
+    z-index: 19;
+  }
+}
+
 .edit-post-block-manager__no-results {
   font-style: italic;
   padding: 24px 0;
@@ -1400,6 +1406,10 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   clear: both;
 }
 
+/**
+ * Note that this CSS file should be in sync with its counterpart in the other editor:
+ * packages/edit-site/src/components/secondary-sidebar/style.scss
+ */
 .edit-post-editor__inserter-panel,
 .edit-post-editor__document-overview-panel {
   height: 100%;
@@ -1407,8 +1417,10 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   flex-direction: column;
 }
 
-.edit-post-editor__document-overview-panel {
-  width: 350px;
+@media (min-width: 782px) {
+  .edit-post-editor__document-overview-panel {
+    width: 350px;
+  }
 }
 .edit-post-editor__document-overview-panel .edit-post-sidebar__panel-tabs {
   flex-direction: row-reverse;
@@ -1458,11 +1470,59 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
 .edit-post-editor__list-view-panel-content,
 .edit-post-editor__list-view-container > .document-outline,
 .edit-post-editor__list-view-empty-headings {
-  overflow-x: hidden;
-  overflow-y: auto;
   height: 100%;
+  scrollbar-width: thin;
+  scrollbar-gutter: stable both-edges;
+  scrollbar-color: transparent transparent;
+  will-change: transform;
+  overflow: auto;
+  scrollbar-gutter: auto;
   padding: 8px 6px;
 }
+.edit-post-editor__list-view-panel-content::-webkit-scrollbar,
+.edit-post-editor__list-view-container > .document-outline::-webkit-scrollbar,
+.edit-post-editor__list-view-empty-headings::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+.edit-post-editor__list-view-panel-content::-webkit-scrollbar-track,
+.edit-post-editor__list-view-container > .document-outline::-webkit-scrollbar-track,
+.edit-post-editor__list-view-empty-headings::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.edit-post-editor__list-view-panel-content::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-container > .document-outline::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-empty-headings::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 8px;
+  border: 3px solid transparent;
+  background-clip: padding-box;
+}
+.edit-post-editor__list-view-panel-content:hover::-webkit-scrollbar-thumb, .edit-post-editor__list-view-panel-content:focus::-webkit-scrollbar-thumb, .edit-post-editor__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-container > .document-outline:hover::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-container > .document-outline:focus::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-container > .document-outline:focus-within::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-empty-headings:hover::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-empty-headings:focus::-webkit-scrollbar-thumb,
+.edit-post-editor__list-view-empty-headings:focus-within::-webkit-scrollbar-thumb {
+  background-color: #949494;
+}
+.edit-post-editor__list-view-panel-content:hover, .edit-post-editor__list-view-panel-content:focus, .edit-post-editor__list-view-panel-content:focus-within,
+.edit-post-editor__list-view-container > .document-outline:hover,
+.edit-post-editor__list-view-container > .document-outline:focus,
+.edit-post-editor__list-view-container > .document-outline:focus-within,
+.edit-post-editor__list-view-empty-headings:hover,
+.edit-post-editor__list-view-empty-headings:focus,
+.edit-post-editor__list-view-empty-headings:focus-within {
+  scrollbar-color: #949494 transparent;
+}
+@media (hover: none) {
+  .edit-post-editor__list-view-panel-content,
+.edit-post-editor__list-view-container > .document-outline,
+.edit-post-editor__list-view-empty-headings {
+    scrollbar-color: #949494 transparent;
+  }
+}
 
 .edit-post-editor__list-view-empty-headings {
   text-align: center;
@@ -1799,6 +1859,7 @@ h2.edit-post-template-summary__title {
   position: relative;
   display: flex;
   flex-flow: column;
+  overflow: hidden;
   background-color: #2f2f2f;
   flex: 1 0 auto;
 }
@@ -1880,27 +1941,21 @@ h2.edit-post-template-summary__title {
   fill: #fff;
 }
 
-@media (min-width: 600px) {
-  .edit-post-start-page-options__modal {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
+  padding-top: 2px;
 }
 @media (min-width: 782px) {
-  .edit-post-start-page-options__modal {
-    width: 750px;
+  .edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .edit-post-start-page-options__modal {
-    height: 70%;
+@media (min-width: 1280px) {
+  .edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
+    column-count: 4;
   }
 }
-
-.edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
-  column-count: 2;
-  column-gap: 24px;
-}
 .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   break-inside: avoid-column;
   margin-bottom: 24px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "7.7.0",
+	"version": "7.9.0",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,37 +27,37 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.30.0",
-		"@wordpress/api-fetch": "^6.27.0",
-		"@wordpress/block-editor": "^11.7.0",
-		"@wordpress/block-library": "^8.7.0",
-		"@wordpress/blocks": "^12.7.0",
-		"@wordpress/components": "^23.7.0",
-		"@wordpress/compose": "^6.7.0",
-		"@wordpress/core-data": "^6.7.0",
-		"@wordpress/data": "^9.0.0",
-		"@wordpress/deprecated": "^3.30.0",
-		"@wordpress/dom": "^3.30.0",
-		"@wordpress/editor": "^13.7.0",
-		"@wordpress/element": "^5.7.0",
-		"@wordpress/hooks": "^3.30.0",
-		"@wordpress/i18n": "^4.30.0",
-		"@wordpress/icons": "^9.21.0",
-		"@wordpress/interface": "^5.7.0",
-		"@wordpress/keyboard-shortcuts": "^4.7.0",
-		"@wordpress/keycodes": "^3.30.0",
-		"@wordpress/media-utils": "^4.21.0",
-		"@wordpress/notices": "^3.30.0",
-		"@wordpress/plugins": "^5.7.0",
-		"@wordpress/preferences": "^3.7.0",
-		"@wordpress/private-apis": "^0.12.0",
-		"@wordpress/url": "^3.31.0",
-		"@wordpress/viewport": "^5.7.0",
-		"@wordpress/warning": "^2.30.0",
-		"@wordpress/widgets": "^3.7.0",
+		"@wordpress/a11y": "^3.32.0",
+		"@wordpress/api-fetch": "^6.29.0",
+		"@wordpress/block-editor": "^12.0.0",
+		"@wordpress/block-library": "^8.9.0",
+		"@wordpress/blocks": "^12.9.0",
+		"@wordpress/components": "^23.9.0",
+		"@wordpress/compose": "^6.9.0",
+		"@wordpress/core-data": "^6.9.0",
+		"@wordpress/data": "^9.2.0",
+		"@wordpress/deprecated": "^3.32.0",
+		"@wordpress/dom": "^3.32.0",
+		"@wordpress/editor": "^13.9.0",
+		"@wordpress/element": "^5.9.0",
+		"@wordpress/hooks": "^3.32.0",
+		"@wordpress/i18n": "^4.32.0",
+		"@wordpress/icons": "^9.23.0",
+		"@wordpress/interface": "^5.9.0",
+		"@wordpress/keyboard-shortcuts": "^4.9.0",
+		"@wordpress/keycodes": "^3.32.0",
+		"@wordpress/media-utils": "^4.23.0",
+		"@wordpress/notices": "^4.0.0",
+		"@wordpress/plugins": "^6.0.0",
+		"@wordpress/preferences": "^3.9.0",
+		"@wordpress/private-apis": "^0.14.0",
+		"@wordpress/url": "^3.33.0",
+		"@wordpress/viewport": "^5.9.0",
+		"@wordpress/warning": "^2.32.0",
+		"@wordpress/widgets": "^3.9.0",
 		"classnames": "^2.3.1",
 		"memize": "^1.1.0",
-		"rememo": "^4.0.0"
+		"rememo": "^4.0.2"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -66,5 +66,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d5c28a67b11e91e3e4b8e90346bfcb90909364d6"
+	"gitHead": "6df0c62d43b8901414ccd22ffbe56eaa99d012a6"
 }

package/src/components/header/header-toolbar/index.js

@@ -8,6 +8,7 @@ import {
 	NavigableToolbar,
 	ToolSelector,
 	store as blockEditorStore,
+	privateApis as blockEditorPrivateApis,
 } from '@wordpress/block-editor';
 import {
 	EditorHistoryRedo,
@@ -23,6 +24,7 @@ import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
  * Internal dependencies
  */
 import { store as editPostStore } from '../../../store';
+import { unlock } from '../../../private-apis';
 
 const preventDefault = ( event ) => {
 	event.preventDefault();
@@ -39,15 +41,27 @@ function HeaderToolbar() {
 		showIconLabels,
 		isListViewOpen,
 		listViewShortcut,
+		selectedBlockId,
+		hasFixedToolbar,
 	} = useSelect( ( select ) => {
-		const { hasInserterItems, getBlockRootClientId, getBlockSelectionEnd } =
-			select( blockEditorStore );
+		const {
+			hasInserterItems,
+			getBlockRootClientId,
+			getBlockSelectionEnd,
+			getSelectedBlockClientId,
+			getFirstMultiSelectedBlockClientId,
+			getSettings,
+		} = select( blockEditorStore );
 		const { getEditorSettings } = select( editorStore );
 		const { getEditorMode, isFeatureActive, isListViewOpened } =
 			select( editPostStore );
 		const { getShortcutRepresentation } = select( keyboardShortcutsStore );
 
 		return {
+			hasFixedToolbar: getSettings().hasFixedToolbar,
+			selectedBlockId:
+				getSelectedBlockClientId() ||
+				getFirstMultiSelectedBlockClientId(),
 			// This setting (richEditingEnabled) should not live in the block editor's setting.
 			isInserterEnabled:
 				getEditorMode() === 'visual' &&
@@ -64,9 +78,19 @@ function HeaderToolbar() {
 			),
 		};
 	}, [] );
+
+	const { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );
+
 	const isLargeViewport = useViewportMatch( 'medium' );
 	const isWideViewport = useViewportMatch( 'wide' );
-
+	const { shouldShowContextualToolbar, canFocusHiddenToolbar } =
+		useShouldContextualToolbarShow( selectedBlockId );
+	// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.
+	// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.
+	const blockToolbarCanBeFocused =
+		shouldShowContextualToolbar ||
+		canFocusHiddenToolbar ||
+		( ( hasFixedToolbar || ! isLargeViewport ) && selectedBlockId );
 	/* translators: accessibility text for the editor toolbar */
 	const toolbarAriaLabel = __( 'Document tools' );
 
@@ -114,6 +138,7 @@ function HeaderToolbar() {
 		<NavigableToolbar
 			className="edit-post-header-toolbar"
 			aria-label={ toolbarAriaLabel }
+			shouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }
 		>
 			<div className="edit-post-header-toolbar__left">
 				<ToolbarItem

package/src/components/header/post-publish-button-or-toggle.js

@@ -32,7 +32,7 @@ export function PostPublishButtonOrToggle( {
 	 * Conditions to show a BUTTON (publish directly) or a TOGGLE (open publish sidebar):
 	 *
 	 * 1) We want to show a BUTTON when the post status is at the _final stage_
-	 * for a particular role (see https://wordpress.org/support/article/post-status/):
+	 * for a particular role (see https://wordpress.org/documentation/article/post-status/):
 	 *
 	 * - is published
 	 * - is scheduled to be published

package/src/components/header/template-title/delete-template.js

@@ -59,7 +59,6 @@ export default function DeleteTemplate() {
 			)
 		);
 		updateEditorSettings( {
-			...settings,
 			availableTemplates: newAvailableTemplates,
 		} );
 		deleteEntityRecord( 'postType', 'wp_template', template.id, {

package/src/components/header/template-title/edit-template-title.js

@@ -58,16 +58,13 @@ export default function EditTemplateTitle() {
 					const settings = getEditorSettings();
 					const newAvailableTemplates = Object.fromEntries(
 						Object.entries( settings.availableTemplates ?? {} ).map(
-							( [ id, existingTitle ] ) => {
-								if ( id !== template.slug ) {
-									return existingTitle;
-								}
-								return newTitle;
-							}
+							( [ id, existingTitle ] ) => [
+								id,
+								id !== template.slug ? existingTitle : newTitle,
+							]
 						)
 					);
 					updateEditorSettings( {
-						...settings,
 						availableTemplates: newAvailableTemplates,
 					} );
 					editEntityRecord( 'postType', 'wp_template', template.id, {

package/src/components/layout/style.scss

@@ -99,3 +99,15 @@
 .edit-post-layout .entities-saved-states__panel-header {
 	height: $header-height + $border-width;
 }
+
+.edit-post-layout.has-fixed-toolbar {
+	// making the header be lower than the content
+	// so the fixed toolbar can be positioned on top of it
+	// but only on desktop
+	@include break-medium() {
+		.interface-interface-skeleton__header:not(:focus-within) {
+			z-index: 19;
+		}
+	}
+
+}

package/src/components/secondary-sidebar/list-view-sidebar.js

@@ -96,7 +96,6 @@ export default function ListViewSidebar() {
 	return (
 		// eslint-disable-next-line jsx-a11y/no-static-element-interactions
 		<div
-			aria-label={ __( 'Document Overview' ) }
 			className="edit-post-editor__document-overview-panel"
 			onKeyDown={ closeOnEscape }
 			ref={ sidebarRef }
@@ -107,7 +106,7 @@ export default function ListViewSidebar() {
 			>
 				<Button
 					icon={ closeSmall }
-					label={ __( 'Close Document Overview Sidebar' ) }
+					label={ __( 'Close' ) }
 					onClick={ () => setIsListViewOpened( false ) }
 				/>
 				<ul>

package/src/components/secondary-sidebar/style.scss

@@ -1,3 +1,8 @@
+/**
+ * Note that this CSS file should be in sync with its counterpart in the other editor:
+ * packages/edit-site/src/components/secondary-sidebar/style.scss
+ */
+
 .edit-post-editor__inserter-panel,
 .edit-post-editor__document-overview-panel {
 	height: 100%;
@@ -6,10 +11,11 @@
 }
 
 .edit-post-editor__document-overview-panel {
-	// Same width as the Inserter.
-	// @see packages/block-editor/src/components/inserter/style.scss
-	// Width of the list view panel.
-	width: 350px;
+	@include break-medium() {
+		// Same width as the Inserter.
+		// @see packages/block-editor/src/components/inserter/style.scss
+		width: 350px;
+	}
 
 	.edit-post-sidebar__panel-tabs {
 		flex-direction: row-reverse;
@@ -62,9 +68,17 @@
 .edit-post-editor__list-view-panel-content,
 .edit-post-editor__list-view-container > .document-outline,
 .edit-post-editor__list-view-empty-headings {
-	overflow-x: hidden;
-	overflow-y: auto;
 	height: 100%;
+
+	// Include custom scrollbars, invisible until hovered.
+	@include custom-scrollbars-on-hover(transparent, $gray-600);
+	overflow: auto;
+
+	// Only reserve space for scrollbars when there is content to scroll.
+	// This allows items in the list view to have equidistant padding left and right
+	// right up until a scrollbar is present.
+	scrollbar-gutter: auto;
+
 	// The table cells use an extra pixels of space left and right. We compensate for that here.
 	padding: $grid-unit-10 ($grid-unit-10 - $border-width - $border-width);
 }

package/src/components/start-page-options/index.js

@@ -113,6 +113,7 @@ export default function StartPageOptions() {
 		<Modal
 			className="edit-post-start-page-options__modal"
 			title={ __( 'Choose a pattern' ) }
+			isFullScreen={ true }
 			onRequestClose={ () => {
 				setModalState( START_PAGE_MODAL_STATES.CLOSED );
 			} }

package/src/components/start-page-options/style.scss

@@ -1,23 +1,19 @@
-.edit-post-start-page-options__modal {
-	// To keep modal dimensions consistent as subsections are navigated, width
-	// and height are used instead of max-(width/height).
-	@include break-small() {
-		width: calc(100% - #{ $grid-unit-20 * 2 });
-		height: calc(100% - #{ $header-height * 2 });
-	}
-	@include break-medium() {
-		width: $break-medium - $grid-unit-20 * 2;
-	}
-	@include break-large() {
-		height: 70%;
-	}
-}
-
 // 2 column masonry layout.
 .edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
 	column-count: 2;
 	column-gap: $grid-unit-30;
 
+	// Small top padding required to avoid cutting off the visible outline when hovering items
+	padding-top: $border-width-focus;
+
+	@include break-medium() {
+		column-count: 3;
+	}
+
+	@include break-wide() {
+		column-count: 4;
+	}
+
 	.block-editor-block-patterns-list__list-item {
 		break-inside: avoid-column;
 		margin-bottom: $grid-unit-30;

package/src/components/visual-editor/index.js

@@ -160,15 +160,21 @@ export default function VisualEditor( { styles } ) {
 		( select ) => select( editPostStore ).hasMetaBoxes(),
 		[]
 	);
-	const { themeHasDisabledLayoutStyles, themeSupportsLayout, isFocusMode } =
-		useSelect( ( select ) => {
-			const _settings = select( blockEditorStore ).getSettings();
-			return {
-				themeHasDisabledLayoutStyles: _settings.disableLayoutStyles,
-				themeSupportsLayout: _settings.supportsLayout,
-				isFocusMode: _settings.focusMode,
-			};
-		}, [] );
+	const {
+		hasRootPaddingAwareAlignments,
+		isFocusMode,
+		themeHasDisabledLayoutStyles,
+		themeSupportsLayout,
+	} = useSelect( ( select ) => {
+		const _settings = select( blockEditorStore ).getSettings();
+		return {
+			themeHasDisabledLayoutStyles: _settings.disableLayoutStyles,
+			themeSupportsLayout: _settings.supportsLayout,
+			isFocusMode: _settings.focusMode,
+			hasRootPaddingAwareAlignments:
+				_settings.__experimentalFeatures?.useRootPaddingAwareAlignments,
+		};
+	}, [] );
 	const { clearSelectedBlock } = useDispatch( blockEditorStore );
 	const { setIsEditingTemplate } = useDispatch( editPostStore );
 	const desktopCanvasStyles = {
@@ -255,7 +261,7 @@ export default function VisualEditor( { styles } ) {
 		postContentAttributes,
 	] );
 
-	const layout = newestPostContentAttributes?.layout || {};
+	const { layout = {}, align = '' } = newestPostContentAttributes || {};
 
 	const postContentLayoutClasses = useLayoutClasses(
 		newestPostContentAttributes,
@@ -266,7 +272,8 @@ export default function VisualEditor( { styles } ) {
 		{
 			'is-layout-flow': ! themeSupportsLayout,
 		},
-		themeSupportsLayout && postContentLayoutClasses
+		themeSupportsLayout && postContentLayoutClasses,
+		align && `align${ align }`
 	);
 
 	const postContentLayoutStyles = useLayoutStyles(
@@ -321,6 +328,12 @@ export default function VisualEditor( { styles } ) {
 		[ styles ]
 	);
 
+	// Add some styles for alignwide/alignfull Post Content and its children.
+	const alignCSS = `.is-root-container.alignwide { max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto;}
+		.is-root-container.alignwide:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: var(--wp--style--global--wide-size);}
+		.is-root-container.alignfull { max-width: none; margin-left: auto; margin-right: auto;}
+		.is-root-container.alignfull:where(.is-layout-flow) > :not(.alignleft):not(.alignright) { max-width: none;}`;
+
 	return (
 		<BlockTools
 			__unstableContentRef={ ref }
@@ -376,6 +389,9 @@ export default function VisualEditor( { styles } ) {
 											globalLayoutSettings?.definitions
 										}
 									/>
+									{ align && (
+										<LayoutStyle css={ alignCSS } />
+									) }
 									{ postContentLayoutStyles && (
 										<LayoutStyle
 											layout={ postContentLayout }
@@ -393,8 +409,9 @@ export default function VisualEditor( { styles } ) {
 									'edit-post-visual-editor__post-title-wrapper',
 									{
 										'is-focus-mode': isFocusMode,
-									},
-									'is-layout-flow'
+										'has-global-padding':
+											hasRootPaddingAwareAlignments,
+									}
 								) }
 								contentEditable={ false }
 							>

package/src/components/visual-editor/index.native.js

@@ -3,10 +3,7 @@
  */
 import { Component } from '@wordpress/element';
 import { BlockList } from '@wordpress/block-editor';
-/**
- * External dependencies
- */
-import { Keyboard } from 'react-native';
+
 /**
  * Internal dependencies
  */
@@ -16,36 +13,6 @@ export default class VisualEditor extends Component {
 	constructor( props ) {
 		super( props );
 		this.renderHeader = this.renderHeader.bind( this );
-		this.keyboardDidShow = this.keyboardDidShow.bind( this );
-		this.keyboardDidHide = this.keyboardDidHide.bind( this );
-
-		this.state = {
-			isAutoScrollEnabled: true,
-		};
-	}
-
-	componentDidMount() {
-		this.keyboardDidShow = Keyboard.addListener(
-			'keyboardDidShow',
-			this.keyboardDidShow
-		);
-		this.keyboardDidHideListener = Keyboard.addListener(
-			'keyboardDidHide',
-			this.keyboardDidHide
-		);
-	}
-
-	componentWillUnmount() {
-		this.keyboardDidShow.remove();
-		this.keyboardDidHideListener.remove();
-	}
-
-	keyboardDidShow() {
-		this.setState( { isAutoScrollEnabled: false } );
-	}
-
-	keyboardDidHide() {
-		this.setState( { isAutoScrollEnabled: true } );
 	}
 
 	renderHeader() {
@@ -55,13 +22,11 @@ export default class VisualEditor extends Component {
 
 	render() {
 		const { safeAreaBottomInset } = this.props;
-		const { isAutoScrollEnabled } = this.state;
 
 		return (
 			<BlockList
 				header={ this.renderHeader }
 				safeAreaBottomInset={ safeAreaBottomInset }
-				autoScroll={ isAutoScrollEnabled }
 			/>
 		);
 	}

package/src/components/visual-editor/style.scss

@@ -2,6 +2,7 @@
 	position: relative;
 	display: flex;
 	flex-flow: column;
+	overflow: hidden;
 
 	// Gray preview overlay (desktop/tablet/mobile) is intentionally not set on an element with scrolling content like
 	// interface-interface-skeleton__content. This causes graphical glitches (flashes of the background color)

package/src/plugins/index.js

@@ -39,7 +39,7 @@ registerPlugin( 'edit-post', {
 								role="menuitem"
 								icon={ external }
 								href={ __(
-									'https://wordpress.org/support/article/wordpress-editor/'
+									'https://wordpress.org/documentation/article/wordpress-block-editor/'
 								) }
 								target="_blank"
 								rel="noopener noreferrer"