Web: Files: Added scroll to current folder in selectors components.
This commit is contained in:
parent
10303378af
commit
c19d95b275
@ -79,6 +79,7 @@ class TreeFolders extends React.Component {
|
|||||||
super(props);
|
super(props);
|
||||||
|
|
||||||
this.state = { isExpand: false };
|
this.state = { isExpand: false };
|
||||||
|
this.needToScroll = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
onBadgeClick = (e) => {
|
onBadgeClick = (e) => {
|
||||||
@ -231,6 +232,19 @@ class TreeFolders extends React.Component {
|
|||||||
let value = "";
|
let value = "";
|
||||||
if (dragging) value = `${item.id} dragging ${provider}`;
|
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) {
|
if ((item.folders && item.folders.length > 0) || serviceFolder) {
|
||||||
return (
|
return (
|
||||||
<TreeNode
|
<TreeNode
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import React from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { inject, observer } from "mobx-react";
|
import { inject, observer } from "mobx-react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import Text from "@appserver/components/text";
|
import Text from "@appserver/components/text";
|
||||||
@ -18,6 +18,18 @@ const FolderTreeBody = ({
|
|||||||
isDisableTree,
|
isDisableTree,
|
||||||
}) => {
|
}) => {
|
||||||
const { t } = useTranslation(["SelectFolder", "Common"]);
|
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 (
|
return (
|
||||||
<>
|
<>
|
||||||
{isAvailable ? (
|
{isAvailable ? (
|
||||||
|
Loading…
Reference in New Issue
Block a user