ti.sil/sourcebot
1
0
Fork 0
mirror of https://github.com/sourcebot-dev/sourcebot.git synced 2025-12-11 20:05:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

improve scroll experience

Browse source
This commit is contained in:
bkellam 2025-11-30 17:31:26 -08:00
parent 23057d8a05
commit e165d5e590
1 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/web/src/app/[domain]/browse/[...path]/components/pureCodePreviewPanel.tsx
View file

@ -80,7 +80,6 @@ export const PureCodePreviewPanel = ({
}
}
}
}, [highlightRangeQuery]);
const extensions = useMemo(() => {
@ -108,20 +107,27 @@ export const PureCodePreviewPanel = ({
// Scroll the highlighted range into view.
useEffect(() => {
if (!highlightRange || !editorRef || !editorRef.state) {
if (!highlightRange || !editorRef || !editorRef.state || !editorRef.view) {
return;
}
const doc = editorRef.state.doc;
const { start, end } = highlightRange;
const selection = EditorSelection.range(
doc.line(start.lineNumber).from,
doc.line(end.lineNumber).from,
);
const from = doc.line(start.lineNumber).from;
const to = doc.line(end.lineNumber).to;
const selection = EditorSelection.range(from, to);
// When the selection is in view, we don't want to perform any scrolling
// as it could be jarring for the user. If it is not in view, scroll to the
// center of the viewport.
const viewport = editorRef.view.viewport;
const isInView = from >= viewport.from && to <= viewport.to;
const scrollStrategy = isInView ? "nearest" : "center";
editorRef.view?.dispatch({
effects: [
EditorView.scrollIntoView(selection, { y: "center" }),
EditorView.scrollIntoView(selection, { y: scrollStrategy }),
]
});
}, [editorRef, highlightRange]);