Fix popover height

Author: GCyganek

src/components/withKeyboardState.tsx

@@ -50,6 +50,8 @@ function KeyboardStateProvider({children}: ChildrenProps): ReactElement | null {
         const keyboardDidHideListener = KeyboardEvents.addListener('keyboardDidHide', () => {
             setKeyboardHeight(0);
             setIsKeyboardActive(false);
+            // Sometimes 'keyboardWillHide' is not called (popover closed when keyboard is open), in this case we don't want stale keyboardActiveHeight value
+            setKeyboardActiveHeight(0);
         });
         const keyboardWillShowListener = KeyboardEvents.addListener('keyboardWillShow', (e) => {
             setIsKeyboardActive(true);

src/hooks/useReportSubmitToPopover.tsx

@@ -265,7 +265,7 @@ function useReportSubmitToPopover({reportID, onSubmitSuccess, anchorAlignment =
             >
                 <View
                     collapsable={false}
-                    style={[StyleUtils.getHeight(submitToPopoverContentHeight), styles.flexColumn, styles.w100, styles.pt4]}
+                    style={[StyleUtils.getHeight(submitToPopoverContentHeight), styles.flexColumn, !isInLandscapeMode && styles.flex1, styles.w100, styles.pt4]}
                 >
                     <ReportSubmitToContent
                         key={submitToContentKey}
@@ -282,27 +282,28 @@ function useReportSubmitToPopover({reportID, onSubmitSuccess, anchorAlignment =
             </PopoverWithMeasuredContent>
         );
     }, [
-        StyleUtils,
-        styles.flexColumn,
-        styles.pt4,
-        styles.w100,
+        shouldRenderSubmitToPopover,
         innerContainerStyle,
         outerStyle,
-        submitToPopoverContentHeight,
-        shouldRenderSubmitToPopover,
         isVisible,
         closeReportSubmitToPopover,
         handleReportSubmitToPopoverModalHide,
         anchorPosition,
         anchorAlignment,
-        anchorRef,
+        StyleUtils,
+        submitToPopoverContentHeight,
+        styles.flexColumn,
+        styles.flex1,
+        styles.w100,
+        styles.pt4,
+        isInLandscapeMode,
+        submitToContentKey,
         report,
         policy,
         isLoadingReportData,
         handleCombinedSubmitSuccess,
         isSearchSubmitFlow,
         handleSearchSubmitWithManagerEmail,
-        submitToContentKey,
     ]);
 
     return {

src/pages/ReportSubmitToContent.tsx

@@ -444,7 +444,7 @@ function ReportSubmitToContent({
                 isRowMultilineSupported
                 style={{containerStyle: styles.flex1}}
                 disableMaintainingScrollPosition
-                addBottomSafeAreaPadding
+                addBottomSafeAreaPadding={!isInLandscapeMode}
             >
                 {hasError && (
                     <FormHelpMessage