From 82928f8611e6649164aa0dd22684990e2d941718 Mon Sep 17 00:00:00 2001
From: xmflsct <me@xmflsct.com>
Date: Tue, 24 Jan 2023 22:24:55 +0100
Subject: [PATCH] Attempt to fix super long toots breaking maintain position

---
 src/components/Parse/HTML.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Parse/HTML.tsx b/src/components/Parse/HTML.tsx
index e8cd52b3..956f9a29 100644
--- a/src/components/Parse/HTML.tsx
+++ b/src/components/Parse/HTML.tsx
@@ -69,6 +69,7 @@ const ParseHTML: React.FC<Props> = ({
 
   const [followedTags] = useAccountStorage.object('followed_tags')
 
+  const MAX_ALLOWED_LINES = 30
   const [totalLines, setTotalLines] = useState<number>()
   const [expanded, setExpanded] = useState(highlighted)
 
@@ -275,7 +276,12 @@ const ParseHTML: React.FC<Props> = ({
               hint: expandHint,
               moreLines:
                 numberOfLines > 1 && typeof totalLines === 'number'
-                  ? t('HTML.moreLines', { count: totalLines - numberOfLines })
+                  ? t('HTML.moreLines', {
+                      count:
+                        totalLines === MAX_ALLOWED_LINES
+                          ? (`${totalLines - numberOfLines}+` as unknown as number)
+                          : totalLines - numberOfLines
+                    })
                   : ''
             })}
           />
@@ -304,7 +310,7 @@ const ParseHTML: React.FC<Props> = ({
           height: numberOfLines === 1 && !expanded ? 0 : undefined
         }}
         numberOfLines={
-          typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : undefined
+          typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : MAX_ALLOWED_LINES
         }
         selectable={selectable}
       />