diff --git a/src/view/com/util/text/RichText.tsx b/src/view/com/util/text/RichText.tsx index 8220b4f84e..a8431b073b 100644 --- a/src/view/com/util/text/RichText.tsx +++ b/src/view/com/util/text/RichText.tsx @@ -1,5 +1,5 @@ import React from 'react' -import {TextStyle, StyleProp} from 'react-native' +import {TextStyle, StyleProp, Text as RNText} from 'react-native' import {RichText as RichTextObj, AppBskyRichtextFacet} from '@atproto/api' import {TextLink} from '../Link' import {Text} from './Text' @@ -96,7 +96,11 @@ export function RichText({ />, ) } else { - els.push(segment.text) + els.push( + + {segment.text} + , + ) } key++ } @@ -106,6 +110,7 @@ export function RichText({ type={type} style={[style, pal.text, lineHeightStyle]} numberOfLines={numberOfLines} + selectable={selectable} // @ts-ignore web only -prf dataSet={WORD_WRAP}> {els} diff --git a/src/view/com/util/text/Text.tsx b/src/view/com/util/text/Text.tsx index 8e58686b1d..a05e4f18cc 100644 --- a/src/view/com/util/text/Text.tsx +++ b/src/view/com/util/text/Text.tsx @@ -2,6 +2,7 @@ import React from 'react' import {Text as RNText, TextInput, TextProps} from 'react-native' import {s, lh} from 'lib/styles' import {useTheme, TypographyVariant} from 'lib/ThemeContext' +import {isNative} from 'platform/detection' export type CustomTextProps = TextProps & { type?: TypographyVariant @@ -19,15 +20,15 @@ export function Text({ const theme = useTheme() const typography = theme.typography[type] const lineHeightStyle = lineHeight ? lh(theme, type, lineHeight) : undefined - if (selectable) { + if (selectable && isNative) { return ( + multiline={true}> + {children} + ) } return (