diff --git a/src/app/components/message/Reply.tsx b/src/app/components/message/Reply.tsx index 85088f51..e695bc77 100644 --- a/src/app/components/message/Reply.tsx +++ b/src/app/components/message/Reply.tsx @@ -44,11 +44,22 @@ export function ReplyMessage({ } }; + const handleClick: MouseEventHandler = (evt) => { + const target = evt.target as HTMLElement; + + if (target.closest('a')) { + evt.stopPropagation(); + return; + } + + onClick?.(); + }; + const commonProps = onClick ? { role: 'button' as const, tabIndex: 0, - onClick, + onClick: handleClick, onKeyDown: handleKeyDown, className: HoverUnderline, style: { cursor: 'pointer' }, diff --git a/src/app/components/message/content/FallbackContent.tsx b/src/app/components/message/content/FallbackContent.tsx index 89329b73..a4326e22 100644 --- a/src/app/components/message/content/FallbackContent.tsx +++ b/src/app/components/message/content/FallbackContent.tsx @@ -29,7 +29,7 @@ export const UnsupportedMessageEventType = as<'div', { eventType: string; childr ({ eventType, ...props }, ref) => ( - Unsupported {eventType} event + Sent {eventType} event ) );