diff --git a/products/ASC.Files/Client/src/components/FolderTreeBody/TreeFolders.js b/products/ASC.Files/Client/src/components/FolderTreeBody/TreeFolders.js index be2f540b12..e8550dc4df 100644 --- a/products/ASC.Files/Client/src/components/FolderTreeBody/TreeFolders.js +++ b/products/ASC.Files/Client/src/components/FolderTreeBody/TreeFolders.js @@ -79,6 +79,7 @@ class TreeFolders extends React.Component { super(props); this.state = { isExpand: false }; + this.needToScroll = true; } onBadgeClick = (e) => { @@ -231,6 +232,19 @@ class TreeFolders extends React.Component { let value = ""; if (dragging) value = `${item.id} dragging ${provider}`; + if (this.needToScroll) { + const selectedNode = document.getElementsByClassName( + "rc-tree-node-selected" + )[0]; + + if (selectedNode) { + this.needToScroll = false; + document + .querySelector("#folder-tree-scroll-bar > .scroll-body") + .scrollTo(0, selectedNode.parentElement.offsetTop + 70); + } + } + if ((item.folders && item.folders.length > 0) || serviceFolder) { return ( { const { t } = useTranslation(["SelectFolder", "Common"]); + + useEffect(() => { + const selectedNode = document.getElementsByClassName( + "rc-tree-node-selected" + )[0]; + + selectedNode && + document + .querySelector("#folder-tree-scroll-bar > .scroll-body") + .scrollTo(0, selectedNode.parentElement.offsetTop + 70); + }, []); + return ( <> {isAvailable ? (