wip: Explore nest Columns fixes

The relocated styles may need to be separate from the top-level block list element, as the styles may conflict with other styles. It does not fix Columns, however.
WordPress · May 10, 2023 · 81e8d51 · 81e8d51
1 parent 3a0d6c9
commit 81e8d51
Showing 1 changed file with 26 additions and 17 deletions.
diff --git a/packages/block-editor/src/components/block-list/index.native.js b/packages/block-editor/src/components/block-list/index.native.js
@@ -314,25 +314,34 @@ export default function BlockList( {
 								),
 								{ flex: 0 },
 								styles.overflowVisible,
-								horizontal && styles.horizontalContentContainer,
-								isWider( blockWidth, 'medium' ) &&
-									( isContentStretch && isMultiBlocks
-										? styles.horizontalContentContainerStretch
-										: styles.horizontalContentContainerCenter ),
 							] }
 						>
-							{ blockClientIds.map( ( currentClientId, index ) =>
-								renderItem( {
-									item: currentClientId,
-									index,
-								} )
-							) }
-							<Footer
-								addBlockToEndOfPost={ addBlockToEndOfPost }
-								isReadOnly={ isReadOnly }
-								renderFooterAppender={ renderFooterAppender }
-								withFooter={ withFooter }
-							/>
+							<View
+								style={ [
+									horizontal &&
+										styles.horizontalContentContainer,
+									isWider( blockWidth, 'medium' ) &&
+										( isContentStretch && isMultiBlocks
+											? styles.horizontalContentContainerStretch
+											: styles.horizontalContentContainerCenter ),
+								] }
+							>
+								{ blockClientIds.map(
+									( currentClientId, index ) =>
+										renderItem( {
+											item: currentClientId,
+											index,
+										} )
+								) }
+								<Footer
+									addBlockToEndOfPost={ addBlockToEndOfPost }
+									isReadOnly={ isReadOnly }
+									renderFooterAppender={
+										renderFooterAppender
+									}
+									withFooter={ withFooter }
+								/>
+							</View>
 						</View>
 					) : (
 						<EmptyList