Web: Files: Dialog body offset on scroll fixed.

products/ASC.Files/Client/src/components/FolderTreeBody/TreeFolders.js

@@ -239,7 +239,11 @@ class TreeFolders extends React.Component {
 
         if (selectedNode) {
           this.needToScroll = false;
-          selectedNode.scrollIntoView();
+
+          selectedNode.scrollIntoView({
+            block: "nearest",
+            inline: "nearest",
+          });
         }
       }
 

products/ASC.Files/Client/src/components/FolderTreeBody/index.js

@@ -20,9 +20,15 @@ const FolderTreeBody = ({
   const { t } = useTranslation(["SelectFolder", "Common"]);
 
   useEffect(() => {
-    document
-      .getElementsByClassName("rc-tree-node-selected")[0]
-      ?.scrollIntoView();
+    const selectedNode = document.getElementsByClassName(
+      "rc-tree-node-selected"
+    )[0];
+    if (selectedNode) {
+      selectedNode.scrollIntoView({
+        block: "nearest",
+        inline: "nearest",
+      });
+    }
   }, []);
 
   return (

products/ASC.Files/Client/src/components/panels/SelectionPanel/StyledSelectionPanel.js

@@ -235,6 +235,7 @@ const StyledTree = styled.div`
 
   .files-tree-menu {
     margin-bottom: 22px;
+    margin-top: 12px !important;
   }
   .selection-panel_tree-folder {
     height: 100%;