projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch '14127-menu-triggered-by-clicking-on-the-icon-is-placed-incorrectly'
[arvados.git]
/
src
/
components
/
dropdown-menu
/
dropdown-menu.tsx
diff --git
a/src/components/dropdown-menu/dropdown-menu.tsx
b/src/components/dropdown-menu/dropdown-menu.tsx
index 98c29c6416af047554c103bfba0ef8eb3f61a7d1..e346eb84061c7a7d7e54e5c72939621b227eb06a 100644
(file)
--- a/
src/components/dropdown-menu/dropdown-menu.tsx
+++ b/
src/components/dropdown-menu/dropdown-menu.tsx
@@
-12,15
+12,18
@@
interface DropdownMenuProps {
icon: React.ReactElement<any>;
}
icon: React.ReactElement<any>;
}
-class DropdownMenu extends React.Component<DropdownMenuProps> {
+interface DropdownMenuState {
+ anchorEl: any;
+}
+export class DropdownMenu extends React.Component<DropdownMenuProps, DropdownMenuState> {
state = {
anchorEl: undefined
};
transformOrigin: PopoverOrigin = {
state = {
anchorEl: undefined
};
transformOrigin: PopoverOrigin = {
- vertical:
"top"
,
- horizontal:
"center"
+ vertical:
-50
,
+ horizontal:
0
};
render() {
};
render() {
@@
-41,7
+44,6
@@
class DropdownMenu extends React.Component<DropdownMenuProps> {
open={Boolean(anchorEl)}
onClose={this.handleClose}
onClick={this.handleClose}
open={Boolean(anchorEl)}
onClose={this.handleClose}
onClick={this.handleClose}
- anchorOrigin={this.transformOrigin}
transformOrigin={this.transformOrigin}>
{children}
</Menu>
transformOrigin={this.transformOrigin}>
{children}
</Menu>
@@
-57,6
+59,3
@@
class DropdownMenu extends React.Component<DropdownMenuProps> {
this.setState({ anchorEl: event.currentTarget });
}
}
this.setState({ anchorEl: event.currentTarget });
}
}
-
-
-export default DropdownMenu;