diff --git a/src/components/comment/CommentContent.tsx b/src/components/comment/CommentContent.tsx index 1657d89..bbbfeb2 100644 --- a/src/components/comment/CommentContent.tsx +++ b/src/components/comment/CommentContent.tsx @@ -21,9 +21,9 @@ export const CommentContent = ({ content }: CommentContentProps) => {

- {isTextOverflowing && ( + {isTextOverflowing && !isExpanded && (
-

{isExpanded ? 'Hide' : 'View'} full post

+

View full post

)} diff --git a/src/hooks/useScrollDisable.ts b/src/hooks/useScrollDisable.ts index d9658a5..40438a9 100644 --- a/src/hooks/useScrollDisable.ts +++ b/src/hooks/useScrollDisable.ts @@ -2,10 +2,16 @@ import { useEffect } from 'react' export const useBodyScrollDisable = (disable: boolean) => { useEffect(() => { - if (disable) document.body.style.overflow = 'hidden' + const initialOverflow = document.body.style.overflow + + if (disable && initialOverflow !== 'hidden') { + document.body.style.overflow = 'hidden' + } return () => { - document.body.style.overflow = '' + if (initialOverflow !== 'hidden') { + document.body.style.overflow = initialOverflow + } } }, [disable]) }