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