fix: Comment, Reply 컴포넌트에 이벤트 전파를 막는다 (#278)

pedaling · Jun 30, 2020 · 16ec27a · 16ec27a · vercel · Jun 30, 2020
1 parent d27774d
commit 16ec27a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/components/Comment/index.tsx b/src/components/Comment/index.tsx
@@ -1,5 +1,6 @@
 import React, { PureComponent, ReactElement, ReactNode } from 'react';
 import styled from 'styled-components';
+
 import { Caption1, Caption2 } from '../../core';
 import { gray500, orange600 } from '../../core/Colors';
 import { Avatar, AvatarProps, AvatarSize } from '../Avatar';
@@ -141,6 +142,7 @@ export class Comment extends PureComponent<CommentProps> {
   }
 
   private preventPropagation: React.MouseEventHandler<HTMLDivElement> = event => {
+    event.preventDefault();
     event.stopPropagation();
   };
 }

diff --git a/src/components/Reply/index.tsx b/src/components/Reply/index.tsx
@@ -1,5 +1,6 @@
 import React, { ReactElement, ReactNode, useCallback, useMemo, useState } from 'react';
 import styled from 'styled-components';
+
 import { BreakPoints, Caption1, Caption2 } from '../../core';
 import { gray500, gray800, orange500 } from '../../core/Colors';
 import { Avatar, AvatarProps, AvatarSize } from '.././Avatar';
@@ -92,6 +93,7 @@ export const Reply = Object.assign(
     }, [avatar, avatarSize, name]);
 
     const preventPropagation = useCallback((event: React.MouseEvent<Element, MouseEvent>) => {
+      event.preventDefault();
       event.stopPropagation();
     }, []);