Post title: remove class from old div to fix alignment (#34489)

WordPress · Sep 3, 2021 · 4432fd2 · 4432fd2
1 parent b8b76f2
commit 4432fd2
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/packages/e2e-tests/specs/editor/various/block-deletion.test.js b/packages/e2e-tests/specs/editor/various/block-deletion.test.js
@@ -156,10 +156,10 @@ describe( 'deleting all blocks', () => {
 		await page.keyboard.type( 'Paragraph' );
 		await clickOnBlockSettingsMenuRemoveBlockButton();
 
-		// There is a default block:
+		// There is a default block and post title:
 		expect(
 			await page.$$( '.block-editor-block-list__block' )
-		).toHaveLength( 1 );
+		).toHaveLength( 2 );
 
 		// But the effective saved content is still empty:
 		expect( await getEditedPostContent() ).toBe( '' );

diff --git a/packages/e2e-tests/specs/editor/various/block-mover.test.js b/packages/e2e-tests/specs/editor/various/block-mover.test.js
@@ -16,7 +16,7 @@ describe( 'block mover', () => {
 		await page.keyboard.type( 'Second Paragraph' );
 
 		// Select a block so the block mover is rendered.
-		await page.focus( '.block-editor-block-list__block' );
+		await page.focus( '[data-type="core/paragraph"]' );
 
 		await showBlockToolbar();
 

diff --git a/packages/e2e-tests/specs/editor/various/splitting-merging.test.js b/packages/e2e-tests/specs/editor/various/splitting-merging.test.js
@@ -193,10 +193,10 @@ describe( 'splitting and merging blocks', () => {
 		await insertBlock( 'Paragraph' );
 		await page.keyboard.press( 'Backspace' );
 
-		// There is a default block:
+		// There is a default block and post title:
 		expect(
 			await page.$$( '.block-editor-block-list__block' )
-		).toHaveLength( 1 );
+		).toHaveLength( 2 );
 
 		// But the effective saved content is still empty:
 		expect( await getEditedPostContent() ).toBe( '' );

diff --git a/packages/edit-post/src/components/text-editor/style.scss b/packages/edit-post/src/components/text-editor/style.scss
@@ -5,7 +5,7 @@
 	flex-grow: 1;
 
 	// Post title.
-	.editor-post-title.editor-post-title__block {
+	.editor-post-title {
 		max-width: none;
 		line-height: $default-line-height;
 

diff --git a/packages/editor/src/components/post-title/index.js b/packages/editor/src/components/post-title/index.js
@@ -168,7 +168,7 @@ export default function PostTitle() {
 	// The wp-block className is important for editor styles.
 	// This same block is used in both the visual and the code editor.
 	const className = classnames(
-		'wp-block editor-post-title editor-post-title__block editor-post-title__input rich-text',
+		'wp-block wp-block-post-title block-editor-block-list__block editor-post-title editor-post-title__input rich-text',
 		{
 			'is-selected': isSelected,
 			'is-focus-mode': isFocusMode,