From db79d36dee081da22d910722ce652b3779277793 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Fri, 21 Feb 2025 15:24:10 -0600
Subject: [PATCH] Fix thread reply overflow

This also fixes the top-level comment corners when the reply textarea is
open but there are no other replies.
---
 src/components/Border.svelte | 2 +-
 src/components/Thread.svelte | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Border.svelte b/src/components/Border.svelte
index a2a1b99ae..0f9ae1e5e 100644
--- a/src/components/Border.svelte
+++ b/src/components/Border.svelte
@@ -38,7 +38,7 @@
     styleCursor = "default",
     styleGap = "0.5rem",
     styleMinWidth,
-    styleOverflow,
+    styleOverflow = "hidden",
     flatTop = false,
     flatBottom = false,
     styleBackgroundColor = "var(--color-background-default)",
diff --git a/src/components/Thread.svelte b/src/components/Thread.svelte
index 685505004..52d0c2cda 100644
--- a/src/components/Thread.svelte
+++ b/src/components/Thread.svelte
@@ -65,7 +65,7 @@
   const root = $derived(thread.root);
   const replies = $derived(thread.replies);
   const style = $derived(
-    replies.length > 0
+    replies.length > 0 || showReplyForm
       ? "--local-clip-path: var(--2px-top-corner-fill)"
       : "--local-clip-path: var(--2px-corner-fill)",
   );
@@ -144,11 +144,9 @@
               disallowEmptyBody
               {submitInProgress}
               {rid}
-              inline
               placeholder="Reply to comment"
               submitCaption="Reply"
               focus
-              stylePadding="0.5rem 0.75rem"
               close={() => (showReplyForm = false)}
               submit={async ({ comment, embeds }) => {
                 try {
@@ -165,7 +163,6 @@
               }} />
           </div>
         {/if}
-        <div></div>
       </div>
     </Border>
   {/if}