hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Asyncronously recompute the placement of an open <Menu>

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2021-04-26 16:11:28 -04:00
parent 7fde8125eb
commit 650b24c1f0
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/components/menu/menu.tsx
View File

@ -5,7 +5,6 @@ import { createPortal } from "react-dom";
import { autobind, cssNames, noop } from "../../utils";
import { Animate } from "../animate";
import { Icon, IconProps } from "../icon";
import debounce from "lodash/debounce";
export const MenuContext = React.createContext<MenuContextValue>(null);
export type MenuContextValue = Menu;
@ -122,7 +121,7 @@ export class Menu extends React.Component<MenuProps, State> {
}
}
refreshPosition = debounce(() => {
refreshPosition = () => {
if (!this.props.usePortal || !this.opener) return;
const { width, height } = this.opener.getBoundingClientRect();
let { left, top, bottom, right } = this.opener.getBoundingClientRect();
@ -157,7 +156,7 @@ export class Menu extends React.Component<MenuProps, State> {
delete position.bottom;
}
this.setState({ position });
}, Animate.VISIBILITY_DELAY_MS);
};
open() {
if (this.isOpen) return;
@ -248,6 +247,10 @@ export class Menu extends React.Component<MenuProps, State> {
}
render() {
if (this.isOpen) {
setImmediate(() => this.refreshPosition());
}
const { position, id } = this.props;
let { className, usePortal } = this.props;