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])
}