Site editor global styles settings: preserve non-global styles in default site editor settings (#74088)

ramonjd · andrewserong · annezazu · web-flow · commit 653421112847 · 2025-12-18T03:50:06.000Z
Co-authored-by: ramonjd &lt;ramonopoly@git.wordpress.org&gt;
Co-authored-by: andrewserong &lt;andrewserong@git.wordpress.org&gt;
Co-authored-by: annezazu &lt;annezazu@git.wordpress.org&gt;
Co-authored-by: iamtakashi &lt;iamtakashi@git.wordpress.org&gt;
diff --git a/packages/edit-site/src/components/block-editor/use-site-editor-settings.js b/packages/edit-site/src/components/block-editor/use-site-editor-settings.js
@@ -73,9 +73,15 @@ export function useSpecificEditorSettings() {
 	}, [ mergedConfig ] );
 
 	const defaultEditorSettings = useMemo( () => {
+		// Preserve non-global styles from settings.styles (e.g., editor styles from add_editor_style)
+		const nonGlobalStyles = ( settings?.styles ?? [] ).filter(
+			( style ) => ! style.isGlobalStyles
+		);
+
 		return {
 			...settings,
 			styles: [
+				...nonGlobalStyles,
 				...globalStyles,
 				{
 					// Forming a "block formatting context" to prevent margin collapsing.
