apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-27 09:46:25 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: improve scroll behavior and add missing import in SourceDetailSheet

Browse source 
- Added useLayoutEffect import
- Fixed scroll to highlighted chunk behavior
- Added open dependency to useEffect for proper re-triggering
This commit is contained in:
CREDO23 2025-12-08 10:37:58 +00:00
parent 55502579e1
commit 1d49378363
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
surfsense_web/components/chat/SourceDetailSheet.tsx
View file

@ -3,7 +3,7 @@
import { useQuery } from "@tanstack/react-query";
import { ChevronDown, ChevronUp, ExternalLink, Loader2 } from "lucide-react";
import type React from "react";
import { type ReactNode, useEffect, useRef, useState } from "react";
import { type ReactNode, useEffect, useLayoutEffect, useRef, useState } from "react";
import { MarkdownViewer } from "@/components/markdown-viewer";
import { Button } from "@/components/ui/button";
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
@ -73,7 +73,7 @@ export function SourceDetailSheet({
useEffect(() => {
// Scroll to highlighted chunk when document loads
if (document && highlightedChunkRef.current && chunksContainerRef.current) {
if (document) {
setTimeout(() => {
highlightedChunkRef.current?.scrollIntoView({
behavior: "smooth",
@ -81,7 +81,7 @@ export function SourceDetailSheet({
});
}, 100);
}
}, [document]);
}, [document, open]);
const handleUrlClick = (e: React.MouseEvent, clickUrl: string) => {
e.preventDefault();