fix: not scrolling problem

leezeal923 · Jun 6, 2023 · 0b6cba9 · 0b6cba9
1 parent bd83941
commit 0b6cba9
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/components/Commentable.tsx b/components/Commentable.tsx
@@ -88,13 +88,15 @@ function Root({ className, blockId }: CommentableProps) {
  const formRef = React.useRef<HTMLFormElement>(null)
  const commentsRef = React.useRef<HTMLUListElement>(null)
  const scrollToComment = React.useCallback((id: string) => {
- if (commentsRef.current) {
- commentsRef.current
- .querySelector(`[data-commentid="${id}"]`)
- ?.scrollIntoView({
- behavior: 'smooth',
- })
- }
+ setTimeout(() => {
+ if (commentsRef.current) {
+ commentsRef.current
+ .querySelector(`[data-commentid="${id}"]`)
+ ?.scrollIntoView({
+ behavior: 'smooth',
+ })
+ }
+ }, 300)
  }, [])
 
  const { mutate: createComment, isLoading } = useMutation(