adding commet regarding svgFilters rendering

WordPress · May 24, 2022 · bdcd127 · bdcd127
1 parent 4e90f5f
commit bdcd127
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/packages/block-editor/src/components/block-preview/auto.js b/packages/block-editor/src/components/block-preview/auto.js
@@ -115,12 +115,15 @@ function AutoBlockPreview( {
 					} }
 				>
 					{ contentResizeListener }
-					{ duotonePresets.map( ( preset ) => (
-						<PresetDuotoneFilter
-							preset={ preset }
-							key={ preset.slug }
-						/>
-					) ) }
+					{
+						/* Filters need to be rendered before children to avoid Safari rendering issues. */
+						duotonePresets.map( ( preset ) => (
+							<PresetDuotoneFilter
+								preset={ preset }
+								key={ preset.slug }
+							/>
+						) )
+					}
 					<MemoizedBlockList renderAppender={ false } />
 				</Iframe>
 			</Disabled>