fix: Threaded reply input does not immediately close (#9652)

ParabolInc · Apr 18, 2024 · 9944ac0 · 9944ac0
1 parent 4549c44
commit 9944ac0
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/client/components/ThreadedReplyButton.tsx b/packages/client/components/ThreadedReplyButton.tsx
@@ -18,8 +18,14 @@ interface Props {
 
 const ThreadedReplyButton = (props: Props) => {
   const {onReply, dataCy} = props
+
+  const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    // stop propagating so the new reply is not immediately cancelled
+    e.stopPropagation()
+    onReply()
+  }
   return (
-    <Reply data-cy={`${dataCy}-reply-button`} onClick={onReply}>
+    <Reply data-cy={`${dataCy}-reply-button`} onClick={onClick}>
       Reply
     </Reply>
   )