Fixed #354

src/components/Timeline/Shared/Content.tsx

@@ -38,7 +38,6 @@ const TimelineContent = React.memo(
               numberOfLines={999}
               highlighted={highlighted}
               disableDetails={disableDetails}
-              selectable={highlighted}
             />
             <ParseHTML
               content={status.content}
@@ -53,7 +52,6 @@ const TimelineContent = React.memo(
               expandHint={t('shared.content.expandHint')}
               highlighted={highlighted}
               disableDetails={disableDetails}
-              selectable={highlighted}
             />
           </>
         ) : (
@@ -66,7 +64,6 @@ const TimelineContent = React.memo(
             tags={status.tags}
             numberOfLines={highlighted ? 999 : numberOfLines}
             disableDetails={disableDetails}
-            selectable={highlighted}
           />
         )}
       </>

src/components/Timeline/Shared/ContextMenu.tsx

@@ -12,23 +12,26 @@ import ContextMenu, {
 } from 'react-native-context-menu-view'
 
 export interface Props {
+  copiableContent: React.MutableRefObject<{
+    content: string
+    complete: boolean
+  }>
   status?: Mastodon.Status
   queryKey?: QueryKeyTimeline
   rootQueryKey?: QueryKeyTimeline
-  disabled?: boolean // Allowing toot to be copied when highlighted
 }
 
 export const ContextMenuContext = createContext<ContextMenuAction[]>([])
 
 const TimelineContextMenu: React.FC<Props & ContextMenuProps> = ({
   children,
+  copiableContent,
   status,
   queryKey,
   rootQueryKey,
-  disabled,
   ...props
 }) => {
-  if (!status || !queryKey || disabled || Platform.OS === 'android') {
+  if (!status || !queryKey || Platform.OS === 'android') {
     return <>{children}</>
   }
 
@@ -37,6 +40,7 @@ const TimelineContextMenu: React.FC<Props & ContextMenuProps> = ({
   const shareOnPress =
     status.visibility !== 'direct'
       ? contextMenuShare({
+          copiableContent,
           actions,
           type: 'status',
           url: status.url || status.uri

src/components/Timeline/Shared/Filtered.tsx

@@ -34,9 +34,14 @@ const TimelineFiltered = React.memo(
 )
 
 export const shouldFilter = ({
+  copiableContent,
   status,
   queryKey
 }: {
+  copiableContent: React.MutableRefObject<{
+    content: string
+    complete: boolean
+  }>
   status: Mastodon.Status
   queryKey: QueryKeyTimeline
 }) => {
@@ -48,6 +53,11 @@ export const shouldFilter = ({
   if (!ownAccount) {
     const parser = new htmlparser2.Parser({
       ontext: (text: string) => {
+        if (!copiableContent.current.complete) {
+          copiableContent.current.content =
+            copiableContent.current.content + text
+        }
+
         const checkFilter = (filter: Mastodon.Filter) => {
           const escapedPhrase = filter.phrase.replace(
             /[.*+?^${}()|[\]\\]/g,
@@ -103,6 +113,7 @@ export const shouldFilter = ({
     status.spoiler_text && parser.write(status.spoiler_text)
     parser.write(status.content)
     parser.end()
+    copiableContent.current.complete = true
   }
 
   return shouldFilter

src/components/Timeline/Shared/HeaderDefault.ios.tsx

@@ -4,7 +4,7 @@ import { StyleConstants } from '@utils/styles/constants'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React, { useContext } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Platform, Pressable, View } from 'react-native'
+import { Pressable, View } from 'react-native'
 import ContextMenu from 'react-native-context-menu-view'
 import { ContextMenuContext } from './ContextMenu'
 import HeaderSharedAccount from './HeaderShared/Account'
@@ -48,7 +48,7 @@ const TimelineHeaderDefault = ({ queryKey, status, highlighted }: Props) => {
         </View>
       </View>
 
-      {queryKey && !highlighted ? (
+      {queryKey ? (
         <Pressable
           accessibilityHint={t('accessibilityHint')}
           style={{

src/components/Timeline/Shared/Translate.tsx

@@ -141,13 +141,7 @@ const TimelineTranslate = React.memo(
         </Pressable>
         {data && data.error === undefined
           ? data.text.map((d, i) => (
-              <ParseHTML
-                key={i}
-                content={d}
-                size={'M'}
-                numberOfLines={999}
-                selectable
-              />
+              <ParseHTML key={i} content={d} size={'M'} numberOfLines={999} />
             ))
           : null}
       </>