(editor)(fix) Append the edit-post-header-toolbar class in Navigabl…

…eToolbar for backward compatibility with plugin GUI injections (#58154) * Keep the `edit-post-header-toolbar` CSS class in the `NavigableToolbar` as some plugins use it to append GUIs to it * Add comment justifying the change
WordPress · Jan 24, 2024 · 3c3e0e9 · 3c3e0e9 · github-actions · Jan 24, 2024
1 parent 7272192
commit 3c3e0e9
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/editor/src/components/document-tools/index.js b/packages/editor/src/components/document-tools/index.js
@@ -104,8 +104,16 @@ function DocumentTools( {
 	const shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );
 
 	return (
+		// Some plugins expect and use the `edit-post-header-toolbar` CSS class to
+		// find the toolbar and inject UI elements into it. This is not officially
+		// supported, but we're keeping it in the list of class names for backwards
+		// compatibility.
 		<NavigableToolbar
-			className={ classnames( 'editor-document-tools', className ) }
+			className={ classnames(
+				'editor-document-tools',
+				'edit-post-header-toolbar',
+				className
+			) }
 			aria-label={ toolbarAriaLabel }
 			shouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }
 			variant="unstyled"