Merge pull request #31465 from dukenv0307/fix/31377

Prevent highlight when long pressing text link
Expensify · Nov 17, 2023 · f168423 · f168423
2 parents f08baad + a1191f5
commit f168423
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly.js b/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly.js
@@ -56,6 +56,7 @@ function BaseAnchorForCommentsOnly({onPressIn, onPressOut, href = '', rel = '',
     return (
         <PressableWithSecondaryInteraction
             inline
+            suppressHighlighting
             style={[styles.cursorDefault, StyleUtils.getFontSizeStyle(style.fontSize)]}
             onSecondaryInteraction={(event) => {
                 ReportActionContextMenu.showContextMenu(

diff --git a/...omponents/PressableWithSecondaryInteraction/pressableWithSecondaryInteractionPropTypes.js b/...omponents/PressableWithSecondaryInteraction/pressableWithSecondaryInteractionPropTypes.js
@@ -51,6 +51,9 @@ const propTypes = {
 
     /** Whether the view needs to be rendered offscreen (for Android only) */
     needsOffscreenAlphaCompositing: PropTypes.bool,
+
+    /** Whether the text has a gray highlights on press down (for IOS only) */
+    suppressHighlighting: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -63,6 +66,7 @@ const defaultProps = {
     activeOpacity: 1,
     enableLongPressWithHover: false,
     needsOffscreenAlphaCompositing: false,
+    suppressHighlighting: false,
 };
 
 export {propTypes, defaultProps};