Fix-mweb-chat-cancel-button-must-be-pressed-two-times

src/components/Pressable/PressableWithFeedback.js

@@ -24,12 +24,17 @@ const PressableWithFeedbackPropTypes = {
      * @default variables.hoverDimValue
      */
     hoverDimmingValue: propTypes.number,
+    /**
+     *  Used to locate this view from native classes.
+     */
+    nativeID: propTypes.string,
 };
 
 const PressableWithFeedbackDefaultProps = {
     ..._.omit(GenericPressablePropTypes.defaultProps, omittedProps),
     pressDimmingValue: variables.pressDimValue,
     hoverDimmingValue: variables.hoverDimValue,
+    nativeID: '',
     wrapperStyle: [],
 };
 

src/pages/home/report/ReportActionItemMessageEdit.js

@@ -283,6 +283,7 @@ class ReportActionItemMessageEdit extends React.Component {
                                 {(hovered) => (
                                     <PressableWithFeedback
                                         onPress={this.deleteDraft}
+                                        nativeID={this.cancelButtonID}
                                         style={styles.chatItemSubmitButton}
                                         accessibilityRole="button"
                                         accessibilityLabel={this.props.translate('common.close')}