fix: Dynamic bottom sheet height (#53608)

Stretching this content with flex appears to be necessary after upgrading React Native or refactoring the bottom sheet height animation. Refactor: 0411df1 Upgrade: c2957aa
WordPress · Aug 14, 2023 · 5ecdba8 · 5ecdba8
1 parent e1e0545
commit 5ecdba8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/editor/src/components/editor-help/index.native.js b/packages/editor/src/components/editor-help/index.native.js
@@ -102,7 +102,7 @@ function EditorHelpTopics( { close, isVisible, onClose, showSupport } ) {
 			contentStyle={ styles.contentContainer }
 			testID="editor-help-modal"
 		>
-			<SafeAreaView>
+			<SafeAreaView style={ styles.safeAreaContainer }>
 				<BottomSheet.NavigationContainer
 					animate
 					main

diff --git a/packages/editor/src/components/editor-help/style.scss b/packages/editor/src/components/editor-help/style.scss
@@ -19,7 +19,12 @@
 	color: $dark-primary;
 }
 
+.safeAreaContainer {
+	flex: 1;
+}
+
 .navigationContainer {
+	flex: 1;
 	overflow: hidden;
 }