Merge pull request #43706 from bernhardoj/fix/43657-modal-screen-narrow

[CP Staging] fix modal views are not fully shown
Expensify · Jun 13, 2024 · 393971c · 393971c
2 parents f9a86bc + 8bbcc7f
commit 393971c
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/src/components/Modal/BaseModal.tsx b/src/components/Modal/BaseModal.tsx
@@ -252,18 +252,16 @@ function BaseModal(
                     avoidKeyboard={avoidKeyboard}
                     customBackdrop={shouldUseCustomBackdrop ? <Overlay onPress={handleBackdropPress} /> : undefined}
                 >
-                    <FocusTrapForModal active={isVisible}>
-                        <View>
-                            <ModalContent onDismiss={handleDismissModal}>
-                                <View
-                                    style={[styles.defaultModalContainer, modalPaddingStyles, modalContainerStyle, !isVisible && styles.pointerEventsNone]}
-                                    ref={ref}
-                                >
-                                    <ColorSchemeWrapper>{children}</ColorSchemeWrapper>
-                                </View>
-                            </ModalContent>
-                        </View>
-                    </FocusTrapForModal>
+                    <ModalContent onDismiss={handleDismissModal}>
+                        <FocusTrapForModal active={isVisible}>
+                            <View
+                                style={[styles.defaultModalContainer, modalPaddingStyles, modalContainerStyle, !isVisible && styles.pointerEventsNone]}
+                                ref={ref}
+                            >
+                                <ColorSchemeWrapper>{children}</ColorSchemeWrapper>
+                            </View>
+                        </FocusTrapForModal>
+                    </ModalContent>
                 </ReactNativeModal>
             </View>
         </ModalContext.Provider>