github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-25 19:13:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #3547 from overleaf/msm-fix-file-tree-selected-file-scroll

Browse source 
[ReactFileTree] Fixed selected item scroll

GitOrigin-RevId: 36d71b40a86fb8444f9b8501ae9baf1a7a75f019
This commit is contained in:
Timothée Alby 2021-01-08 11:03:18 +01:00 committed by Copybot
parent d121b81896
commit bc8c12f53d
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.js
View file

@ -21,10 +21,16 @@ function FileTreeItemInner({ id, name, isSelected, icons }) {
const itemRef = createRef()
useEffect(() => {
if (isSelected && itemRef.current) {
scrollIntoViewIfNeeded(itemRef.current, {
scrollMode: 'if-needed'
})
const item = itemRef.current
if (isSelected && item) {
// we found scrolling doesn't happen unless a explicit delay is introduced
setTimeout(() => {
if (item) {
scrollIntoViewIfNeeded(item, {
scrollMode: 'if-needed'
})
}
}, 10)
}
}, [isSelected, itemRef])