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

Allowing to open menu by contextmenu event

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-12-25 10:59:56 +03:00
parent 0120073983
commit 3930822268
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,6 +31,7 @@ export interface MenuProps {
closeOnScroll?: boolean; // applicable when usePortal={true}
position?: MenuPosition; // applicable when usePortal={false}
children?: ReactNode;
toggleEvent?: "click" | "contextmenu";
}
interface State {
@ -44,6 +45,7 @@ const defaultPropsMenu: Partial<MenuProps> = {
closeOnClickItem: true,
closeOnClickOutside: true,
closeOnScroll: false,
toggleEvent: "click"
};
@autobind()
@ -72,18 +74,19 @@ export class Menu extends React.Component<MenuProps, State> {
this.opener = document.getElementById(this.props.htmlFor); // might not exist in sub-menus
if (this.opener) {
this.opener.addEventListener("click", this.toggle);
this.opener.addEventListener(this.props.toggleEvent, this.toggle);
this.opener.addEventListener("keydown", this.onKeyDown);
}
this.elem.addEventListener("keydown", this.onKeyDown);
window.addEventListener("resize", this.onWindowResize);
window.addEventListener("click", this.onClickOutside, true);
window.addEventListener("scroll", this.onScrollOutside, true);
window.addEventListener("contextmenu", this.onContextMenu, true);
}
componentWillUnmount() {
if (this.opener) {
this.opener.removeEventListener("click", this.toggle);
this.opener.removeEventListener(this.props.toggleEvent, this.toggle);
this.opener.removeEventListener("keydown", this.onKeyDown);
}
this.elem.removeEventListener("keydown", this.onKeyDown);
@ -198,6 +201,10 @@ export class Menu extends React.Component<MenuProps, State> {
}
}
onContextMenu() {
this.close();
}
onWindowResize() {
if (!this.isOpen) return;
this.refreshPosition();