fix: Workspace - Taxes - Can't press Enter on creating tax rate.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>

Author: Krishna2323

src/components/AmountPicker/index.tsx

@@ -2,6 +2,7 @@ import React, {forwardRef, useState} from 'react';
 import type {ForwardedRef} from 'react';
 import {View} from 'react-native';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
+import blurActiveElement from '@libs/Accessibility/blurActiveElement';
 import CONST from '@src/CONST';
 import callOrReturn from '@src/types/utils/callOrReturn';
 import AmountSelectorModal from './AmountSelectorModal';
@@ -16,6 +17,7 @@ function AmountPicker({value, description, title, errorText = '', onInputChange,
 
     const hidePickerModal = () => {
         setIsPickerVisible(false);
+        blurActiveElement();
     };
 
     const updateInput = (updatedValue: string) => {

src/components/Form/FormWrapper.tsx

@@ -84,6 +84,7 @@ function FormWrapper({
     scrollContextEnabled = false,
     shouldHideFixErrorsAlert = false,
     disablePressOnEnter = false,
+    enterKeyEventListenerPriority = 1,
     isSubmitDisabled = false,
     shouldRenderFooterAboveSubmit = false,
     isLoading = false,
@@ -188,6 +189,7 @@ function FormWrapper({
             ),
         [
             disablePressOnEnter,
+            enterKeyEventListenerPriority,
             enabledWhenOffline,
             errorMessage,
             errors,

src/components/Form/types.ts

@@ -166,6 +166,9 @@ type FormProps<TFormID extends OnyxFormKey = OnyxFormKey> = {
     /** Disable press on enter for submit button */
     disablePressOnEnter?: boolean;
 
+    /** The priority to assign the enter key event listener to buttons. 0 is the highest priority. */
+    enterKeyEventListenerPriority?: number;
+
     /** Render extra button above submit button */
     shouldRenderFooterAboveSubmit?: boolean;
     /**

src/pages/workspace/reportFields/CreateReportFieldsPage.tsx

@@ -102,8 +102,6 @@ function WorkspaceCreateReportFieldsPage({
         setInitialCreateReportFieldsForm();
     }, []);
 
-    const [modal] = useOnyx(ONYXKEYS.MODAL, {canBeMissing: true});
-
     const listValues = [...(formDraft?.[INPUT_IDS.LIST_VALUES] ?? [])].sort(localeCompare).join(', ');
 
     return (
@@ -132,7 +130,6 @@ function WorkspaceCreateReportFieldsPage({
                     submitButtonText={translate('common.save')}
                     enabledWhenOffline
                     shouldValidateOnBlur={false}
-                    disablePressOnEnter={!!modal?.isVisible}
                     addBottomSafeAreaPadding
                 >
                     {({inputValues}) => (

src/pages/workspace/reportFields/InitialListValueSelector/index.tsx

@@ -4,6 +4,7 @@ import {View} from 'react-native';
 import type {MenuItemBaseProps} from '@components/MenuItem';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
 import useOnyx from '@hooks/useOnyx';
+import blurActiveElement from '@libs/Accessibility/blurActiveElement';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import InitialListValueSelectorModal from './InitialListValueSelectorModal';
@@ -30,6 +31,7 @@ function InitialListValueSelector({value = '', label = '', rightLabel, subtitle
 
     const hidePickerModal = () => {
         setIsPickerVisible(false);
+        blurActiveElement();
     };
 
     const updateValueInput = (initialValue: string) => {

src/pages/workspace/reportFields/TypeSelector/index.tsx

@@ -5,6 +5,7 @@ import {View} from 'react-native';
 import type {MenuItemBaseProps} from '@components/MenuItem';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
 import useLocalize from '@hooks/useLocalize';
+import blurActiveElement from '@libs/Accessibility/blurActiveElement';
 import * as WorkspaceReportFieldUtils from '@libs/WorkspaceReportFieldUtils';
 import type {ReportFieldItemType} from '@pages/workspace/reportFields/ReportFieldTypePicker';
 import CONST from '@src/CONST';
@@ -36,6 +37,7 @@ function TypeSelector({value, label = '', rightLabel, subtitle = '', errorText =
 
     const hidePickerModal = () => {
         setIsPickerVisible(false);
+        blurActiveElement();
     };
 
     const updateTypeInput = (reportField: ReportFieldItemType) => {