IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Components: fixed drop down width and positioning when there is not enough space on the right

Browse Source
This commit is contained in:
Dmitry Sychugov 2021-10-12 20:24:01 +05:00
parent be8a28a99b
commit 9984780b85
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/asc-web-components/drop-down/index.js
View File

@ -34,7 +34,6 @@ class DropDown extends React.PureComponent {
super(props);
this.state = {
width: this.dropDownRef ? this.dropDownRef.current.offsetWidth : 240,
directionX: props.directionX,
directionY: props.directionY,
};
@ -123,7 +122,7 @@ class DropDown extends React.PureComponent {
this.setState({
directionX: x,
directionY: y,
width: rects.width,
width: this.dropDownRef ? this.dropDownRef.current.offsetWidth : 240,
});
};
@ -154,6 +153,9 @@ class DropDown extends React.PureComponent {
} else if (this.props.directionX === "right") {
this.dropDownRef.current.style.left =
rects.right - this.dropDownRef.current.clientWidth + "px";
} else if (rects.left + dropDownRects.width > viewport.width) {
this.dropDownRef.current.style.left =
rects.right - this.dropDownRef.current.clientWidth + "px";
} else {
this.dropDownRef.current.style.left = left + "px";
}
@ -163,7 +165,7 @@ class DropDown extends React.PureComponent {
this.setState({
directionX: this.props.directionX,
directionY: this.props.directionY,
width: dropDownRects.width,
width: this.dropDownRef ? this.dropDownRef.current.offsetWidth : 240,
});
};
@ -244,7 +246,6 @@ class DropDown extends React.PureComponent {
render() {
const { isDefaultMode } = this.props;
const element = this.renderDropDown();
if (isDefaultMode) {
return <Portal element={element} appendTo={this.props.appendTo} />;
}