diff --git a/shared/editor/components/Styles.ts b/shared/editor/components/Styles.ts index f62d5990d..13f62fdb6 100644 --- a/shared/editor/components/Styles.ts +++ b/shared/editor/components/Styles.ts @@ -575,7 +575,6 @@ h6 { .comment-marker { border-bottom: 2px solid ${transparentize(0.5, props.theme.brand.marine)}; transition: background 100ms ease-in-out; - cursor: pointer; border-radius: 2px; &:hover { diff --git a/shared/editor/marks/Comment.ts b/shared/editor/marks/Comment.ts index 5b137f2d0..e7438fe2f 100644 --- a/shared/editor/marks/Comment.ts +++ b/shared/editor/marks/Comment.ts @@ -85,7 +85,7 @@ export default class Comment extends Mark { new Plugin({ props: { handleDOMEvents: { - mousedown: (view, event: MouseEvent) => { + mouseup: (view, event: MouseEvent) => { if ( !(event.target instanceof HTMLSpanElement) || !event.target.classList.contains("comment-marker") @@ -95,8 +95,6 @@ export default class Comment extends Mark { const commentId = event.target.id.replace("comment-", ""); if (commentId) { - event.preventDefault(); - event.stopPropagation(); this.options?.onClickCommentMark?.(commentId); }