From 81e8d51d3fc45958fc9e5f39e39c7ff82697bbb3 Mon Sep 17 00:00:00 2001
From: David Calhoun <github@davidcalhoun.me>
Date: Tue, 9 May 2023 20:20:11 -0400
Subject: [PATCH] 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.
---
 .../src/components/block-list/index.native.js | 43 +++++++++++--------
 1 file changed, 26 insertions(+), 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
index 3fd333ad2ec497..b7251887bc3758 100644
--- 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